@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap');

@media (min-width: 961px) {
	.sp {
		display: none;
	}
}
@media (max-width: 960px) {
	.pc {
		display: none !important;
	}
}

.text-center {
	text-align: center;
}
.windows11-img-txt {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1280px;
	padding: 0 40px;
	margin: auto;
	text-align: center;
}

@media (max-width: 960px) { 
	.windows11-img-txt {
		padding: 0;
	}
	.windows11-img {
		width: calc(265 * 100vw / 750);
	}
	.windows11-txt {
		width: calc(300 * 100vw/750);
	}
}

.bg-img {
	background-image: url(../img/bg_pc.jpg);
	background-image: image-set(url(../img/bg_pc.jpg) 1x, url(../img/bg_pc@2x.jpg) 2x);
	background-image: -webkit-image-set(url(../img/bg_pc.jpg) 1x, url(../img/bg_pc@2x.jpg) 2x);
  max-width: 1600px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 960px){
.bg-img {
	background-image: url(../img/bg_sp.jpg);
	background-image: image-set(url(../img/bg_sp.jpg) 1x, url(../img/bg_sp@2x.jpg) 2x);
	background-image: -webkit-image-set(url(../img/bg_sp.jpg) 1x, url(../img/bg_sp@2x.jpg) 2x);
  max-width: 100%;
  background-size: 100%;
}
}
#kv {
  position: relative;
}
@media (max-width: 960px){
  .video-wrapper {
    position: relative;
    width: 100vw;
    overflow: hidden;
    aspect-ratio: 375 / 453;
  }

  .video-wrapper > video {
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 26%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 200%;
    min-height: 100%;
  }
}
.kv-img {
  text-align: center;
}
.kv-logo {
	position: absolute;
  z-index: 1000;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px){
  .kv-logo {
    padding: 0 30px;
    text-align: center;
		top: 45%;
  }
  .kv-img img {
	width: 100%;
  }
}
.l-section {
  padding: 80px 0;
}
.l-section-inner {
  max-width: 1130px;
  padding: 0 40px;
  margin: auto;
}
.l-section-inner-center {
  text-align: center;
}
@media (max-width: 960px){
  .l-section {
    padding: 45px 0;
  }
  .l-section-inner {
    padding: 0 30px;
  }
  .l-section-inner-lg {
    padding: 0 40px;
  }
  .l-section-inner-sm {
    padding: 0 20px;
  }
  .l-section-inner-none {
    padding: 0 ;
  }
}

.l-pt-none {
  padding-top: 0;
}
.l-box {
  background-color: #fff;
  border-radius: 40px;
  padding: 47px 85px 70px 88px;
}
.l-box-lg {
  padding: 65px 125px 58px;
}

.l-flex {
  display: flex;
  align-items: center;
  gap: 60px;
  flex-wrap: wrap;
}

@media (max-width: 960px){
  .l-box {
    padding: 35px 25px 40px;
		border-radius: 20px;
  }
  .l-flex {
    flex-direction: column;
    gap: 0;
  }
	.l-box-lg {
		padding: 48px 25px;
	}
	
}

.l-gap-xl {
  margin-top: 100px;
}
.l-gap-lg-2 {
  margin-top: 80px;
}
.l-gap-lg {
  margin-top: 60px;
}
.l-gap-md {
  margin-top: 38px;
}

.l-gap-md-2 {
  margin-top: 30px;
}

.l-gap-sm {
  margin-top: 12px;
}
.l-gap-xs {
  margin-top: 27px;
}
@media (max-width: 960px){
  .l-gap-xl {
    margin-top: 50px;
  }
  .l-gap-lg {
    margin-top: 35px;
  }
  .l-gap-md {
    margin-top: 29px;
  }
	.l-gap-sp-lg {
		margin-top: 55px;
	}
	.l-gap-md-2 {
		margin-top: 15px;
	}
	.l-gap-sp-md {
		margin-top: 18px;
	}
	.l-gap-lg-2 {
		margin-top: 35px;
	}
}

.l-pb-lg {
	padding-bottom: 185px;
}

@media (max-width: 960px){
	.l-pb-lg {
		padding-bottom: 90px;
	}
}

.chance01,
.chance02 {
  position: relative;
}
.chance01-limit {
  position: absolute;
  top: -90px;
  left: -140px;
}
.chance02-limit {
  position: absolute;
  top: -85px;
  right: -20px;
}
.chance02-txt-1 { 
  margin-top: 27px;
	text-align: center;
}
.chance02-txt {
  font-size: 18px;
  line-height: 1.666;
  color: #2d436e;
}
.chance02-txt-a:link {
  text-decoration: underline;
  color: #2d436e;
}
.chance02-gift {
  text-align: center;
  padding: 20px 0 0;
}
.chance02-txt-money {
	margin-top: 16px;
	display: inline-flex;
	align-items: flex-start;
	gap: 2px;
}
.chance02-gift-sample {
	margin-top: 40px;
	text-align: center;
}
.chance02-gift-use {
	margin-top: 20px;
	margin-bottom: 30px;
	width: 100%;
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
	gap: 2px;
	line-height: 1;
}
@media (max-width: 960px){
  .chance01-limit {
    min-width: 107px;
    width: calc(107/375 * 100%);
    top: -2%;
    transform: translateY(-50%);
    left: -30px;
  }
  .chance02-desc {
    display: flex;
    flex-direction: column;
  }
  .chance02-txt-1 {
		display: grid;
		justify-content: center;
    margin-top: clamp(18px, calc(36 * (100vw / 750)), 36px);
    text-align: center;
		gap: clamp(13px, calc(26 * (100vw / 750)), 26px);
  }
  .chance02-txt-2 {
		margin-top: clamp( 28px, calc(56 * (100vw / 750)), 56px);
    text-align: center;
  }
  .chance02-gift {
    order: 0;
    padding: 12px 0 15px;
    min-width: 206px;
    width: calc(206/375 * 100%);
    margin: auto;
  }
  .chance02-limit {
    min-width: 102px;
    width: calc(102/375 * 100%);
    top: -9%;
    right: -6%;
  }
  .chance01-title {
    min-width: 281px;
    width: calc(281/375 * 100%);
    margin: auto;
  }
  .chance02-title {
    min-width: 255px;
    width: calc(255/375 * 100%);
    margin: auto;
  }
	.chance02-txt-money {
		flex-direction: column;
		gap: clamp(13px, calc(26 * (100vw / 750)), 26px);
	}
	.chance02-txt-gift-select-sp-img {
		width: clamp(201px, calc(402 * (100vw / 750)), 402px);
	}
	.chance02-txt-gift-money-sp-img {
		width: clamp(271px, calc(542 * (100vw / 750)), 542px);
	}
	.chance02-btn-pdf-sp-img {
		width: clamp(85px, calc(170 * (100vw / 750)), 170px);
	}
	.chance02-gift-sample {
		margin-top: clamp( 20px, calc(30 * (100vw / 750)), 40px);
	}
	.chance02-gift-use {
		margin-top: 0;
		margin-bottom: 0;
	}
	.chance02-txt-gift-sample-sp-img {
		width: clamp(172px, calc(343 * (100vw / 750)), 343px);
	}
	.chance02-txt-gift-use-sp-img {
		width: clamp(229px, calc(458 * (100vw / 750)), 458px);
	}
	.chance02-btn-use-sp-img {
		width: clamp(42px, calc(83 * (100vw / 750)), 83px);
	}
}

.font-notosans {
  font-family: "Noto Sans JP", serif;
}
.font-oswald {
  font-family: "Oswald", serif;
}

.img-shadow {
  box-shadow: 20px 20px 0px #C2CD00;
}

@media (max-width: 960px){
  .img-shadow {
    box-shadow: 10px 10px 0px #C2CD00;
  }
}
@media (max-width: 960px){
  .campaign-txt-sp {
    margin-top: -30px;
    margin-right: -10px;
    padding-left: 10px;
  }
}
.campagin-arrows-txt {
  padding-top: 52px;
	padding-bottom: 20px;
  text-align: center;
}

@media (max-width: 960px){
  .campagin-arrows-txt {
    max-width: 500px;
    margin: auto;
    padding:30px 20px 0;
  }
  .campagin-arrows-logo {
    background-color: #fff;
    aspect-ratio: 750 / 332;
	display: flex;
	justify-content: center;
  }
  .campagin-arrows-logo img {
	width: calc(280 / 750 * 100%)
  }
}

.campagin-button {
  margin-top: 56px;
  display: flex;
  justify-content: center;
}

.campagin-button a {
  width: 100%;
  max-width: 330px;
  height: 70px;
  background-image: url(../img/btn.svg);
  background-repeat: no-repeat;
}
.campagin-button a:hover {
  opacity: 1;
  width: 100%;
  max-width: 330px;
  height: 70px;
  background-image: url(../img/btn_hover.svg);
  background-repeat: no-repeat;
}

.campagin-button-details {
	margin-top: 40px;
}
.campagin-button-details a {
  background-image: url(../img/btn_details_pc.svg);
}
.campagin-button-details a:hover {
  background-image: url(../img/btn_details_hover_pc.svg);
}

@media (max-width: 960px){
  .campagin-button {
    margin-top: 30px;
  }
  .campagin-button a,
  .campagin-button a:hover {
    max-width: 235.5px;
    height: 50px;
  }
}

.campaign-product {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.campaign-product-disc {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.campaign-product-company {
  display: flex;
  gap: 48px;
  justify-content: center;
  align-items: center;
}

@media (max-width: 960px){
  .campaign-product-disc-txt {
    text-align: center;
    max-width: 500px;
    margin: auto;
  }
  .campaign-product-company {
    flex-direction: column;
    gap: 15px;
  }
  .campaign-product-company-txt {
    max-width: 500px;
    margin: auto;
  }
}

.chance01-slider img,
.product-details-slider img,
.product-details-thumbnail img {
  width: 100%;
  height: auto;
}
.chance01-slider .splide__pagination {
	position: relative;
	margin-top: 22px;
	gap: 16px;
}

.chance01-slider .splide__pagination__page {
	opacity: 1;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #2d436e;
}

.chance01-slider .splide__pagination__page.is-active {
	transform: scale(1);
	background: #2d436e;
}

@media (max-width: 960px){
	.chance01-slider .splide__pagination {
		margin-top: 20px;
		gap: 2px;
	}
	.chance01-slider .splide__pagination__page {
		width: 11px;
		height: 11px;
	}
}

.product-details-img {
	display: flex;
	gap: 20px;
}

.product-details-slider {
	width: calc(445 / 798 * 100%);
}

.product-details-thumbnail {
	max-width: calc(334 / 798 * 100%);
}

.product-details-thumbnail .splide__track--nav>.splide__list>.splide__slide {
	border: none;
	cursor: pointer;
}

.product-details-thumbnail .splide__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.product-details-thumbnail .splide__track--nav>.splide__list>.splide__slide.is-active {
	border: 3px solid #2D436E;
}
.product-details-thumbnail .splide__slide img {
	object-fit: cover;
	height: 100%;	
}

@media (max-width: 960px){ 
	.product-details-heading {
		text-align: center;
		margin: auto;
		width: calc(295 * 100vw / 750);
	}
	.product-details-slider {
		margin-top: 20px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: calc(100% - 60px);
	}
	.product-details-thumbnail {
		display: none;
	}
	.product-details-slider .splide__arrow {
		background: transparent;
		opacity: 1;
		height: auto;
		width: 1em;
		transform: translate(-100%, -50%);
	}
	.product-details-slider .splide__arrow--prev {
		left: -10px;
		transform: translate(-100%, -50%);
	}
	.product-details-slider .splide__arrow--next {
		right: -10px;
		transform: translate( 100%, -50%);
	}
}

/* magicZoom */
a.MagicZoom:hover {
  opacity: 1;
}

.mz-figure.mz-active {
  background: transparent;
}

.mz-figure.mz-active>img {
  filter: none;
}

.mz-figure.mz-active .mz-lens {
  border-color: #BDBDBD;
  border-width: 2px;
  background-color: #fff;
  box-shadow: none;
  transition: none;
}

#block-kuroharuheshihetsuta {
	background-color: #fff;
}
#block-gerennookeyangsafumeniyu {
	background-color: #fff;
}
.tpathwrap {
	background-color: #fff;
}
#block-kuroharufutsuta {
	background-color: #fff;
}
.dbk-external-module footer #dbk-small-print {
	margin-bottom: 0;
}
.p-breadcrumb.type02 {
	display: block;
	padding-bottom: 12px;
}
.l-navigation--sub {
	margin-bottom: 0 !important;
}

.sidenav {
	display: none;
}

body {
	margin: 0;
	padding: 0;
}
main * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
main ol,
main ul {
	list-style: none;
}
main ul > li,
main ol > li {
	margin-top: 0;
	margin-bottom: 0;
}
.back-to-top a:before {
	content: "˄";
}
main a {
	color: #0000aa;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
main a:visited {
	color: inherit;
}
main a:hover {
	text-decoration: none;
	color: inherit;
	opacity: 0.7;
}
.page-main {
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
}

table {
	border-collapse: collapse;
}
iframe {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
video {
	width: 100%;
}

.prwrap {
	font-size: 16px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Lucida Grande", Meiryo,
		sans-serif;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	word-break: break-all;
	line-height: 1.5;
	color: #000;
	position: relative;
	overflow-x: hidden;
	min-width: 940px;
}
.prwrap h2 {
	line-height: 1.5;
}
.prwrap h3 {
	line-height: 1.5;
}
.prwrap h4 {
	line-height: 1.5;
}
.prwrap img {
	max-width: 100%;
}
.mhblock01 {
	max-width: 940px;
	margin: 0 auto;
}
.mhblock02 {
	max-width: 680px;
	margin: 0 auto;
}

.type01 {
	background-color: #fff9e8;
}
.bgy {
	background-color: #fff9e8;
}
.prmain01 {
	padding: 15px 0 0;
	background-color: #fff;
	border-top:solid 1px #D9D9D9;
}
.prbg02 {
	background-color: #fff9e8;
	background-color: #EDEDED;
}
/* .prmain01::after {
	content: "";
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-image: url(../img/bg_main.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	z-index:-1;
} */
.prmain02 {
	text-align: center;
	padding: 0 0 20px;
	/*
	background-image: url(../img/bg_main.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	*/
	max-width: 1300px;
	margin: 0 auto;
}
.prmain02 img {
	margin-top: 0px;
}
.prmain02 img.cap {
	margin-top: 0px;
	max-width:926px;
}

.prmain03 {
	text-align: center;
	padding: 0 3% 20px;
	max-width: 940px;
	margin: -7% auto 0;
	box-sizing: content-box;
}
.prmain04 {
	display: flex;
	padding: 0 0 49px;
	max-width: 940px;
	margin: 0 auto;
	justify-content: space-between;
	box-sizing: content-box;
	align-items: center;
}
.prmain04 .text {
	font-size: 13px;
}
.prdate01 {
	text-align: center;
	position: relative;
}
.prchance01 {
	padding: 45px 0 5px;
}
.prchance02 {
	text-align: center;
}
.prchance03 li {
	font-size: 14px;
	text-indent: -1em;
	margin-left: 1em;
}

.prgftblock {
	padding: 40px 0 5px;
}
.prgft01 {
	margin-bottom: 40px;
	background-color: #fff5f6;
	border: 5px solid #b01c11;
}
.prgft02 {
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	background-color: #cc0011;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}
.prgft03 {
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.prgft04 {
}
.prgft05 {
}
.prgft06 {
	font-size: 18px;
	font-weight: bold;
	color: #b01c11;
}
.prgft07 {
	margin: 20px 0 40px;
}
.prgft07.type02 {
	color: #ff1009;
}
.prgft08 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.prgft09 {
	display: flex;
	align-items: center;
}
.prgft10 {
	font-size: 12px;
	text-indent: -1em;
	margin-left: 1em;
}
.prgft11 {
	width: 290px;
	max-width: 290px;
}
.prgft12 {
	font-size: 12px;
	margin-bottom: 25px;
}
.prgft13 {
	width: 290px;
	margin-right: 20px;
}
main .prgft14 {
	font-size: 15px;
	color: #fff !important;
	background-color: #1a1311;
	text-align: center;
	display: block;
	padding: 14px;
	border: solid 3px #1a1311;
}
main .prgft14 span {
	background-image: url(../img/blank.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 12px;
	display: inline-block;
	padding-right: 24px;
}
main .prgft14:hover {
	color: #1a1311 !important;
	background-color: #fff;
	opacity: 1;
}
main .prgft14:hover span {
	background-image: url(../img/blank_03.png);
}
.prgft15 {
	font-size: 12px;
	text-align: left;
	text-indent: -1em;
	margin-left: 1em;
}
.prgft16 {
	padding: 30px;
}

.prptblock {
	padding: 80px 0 1px;
}
.prpt01 {
	text-align: center;
	margin-bottom: 45px;
}
.prpt02 {
	text-align: center;
}
.prpt03 {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px 35px;
	max-width: 290px;
}
.prpt04 {
	position: relative;
	text-align: center;
}
.prpt05 {
}
.prpt06 {
	width: 68px;
	height: 68px;
	color: #fff;
	text-align: center;
	background-color: #dc000c;
	border-radius: 50px;
	position: absolute;
	top: -12px;
	left: -24px;
}
.prpt07 {
	padding-top: 17px;
	font-size: 15px;
	font-weight: bold;
	display: block;
	line-height: 1;
}
.prpt08 {
	font-size: 23px;
	font-weight: bold;
	display: block;
	line-height: 1;
}
.prpt09 {
	font-weight: bold;
	color: #dc000c;
	text-align: center;
}
.prpt10 {
	text-align: center;
	margin-bottom: 7px;
}
.prpt10 span {
	color: #fff;
	font-weight: bold;
	display: inline-block;
	background-color: #dc000c;
	border-radius: 50px;
	padding: 3px 25px 5px;
}
.prpt11 {
	font-weight: 800;
	font-size: 26px;
	text-align: center;
	margin-bottom: 35px;
}
.prpt12 {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-bottom: 40px;
}
.prpt13 {
	width: calc(100% - 260px);
	flex-shrink: 0;
}
.prpt14 {
	width: 227px;
	flex-shrink: 0;
	padding-top: 30px;
}
.prpt15 {
	font-size: 20px;
	font-weight: bold;
	color: #dc000c;
	margin-bottom: 10px;
}
.prpt16 {
}
.prpt17 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.prpt18 {
	margin-bottom: 25px;
}
.prpt19 {
	margin-bottom: 15px;
}
.prpt19 span {
	color: #004d9f;
}
.prpt20 {
	font-size: 14px;
	margin-bottom: 25px;
}
.prpt21 {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-bottom: 40px;
}
.prpt22 {
	width: calc(100% - 480px);
	flex-shrink: 0;
}
.prpt23 {
	width: 464px;
	flex-shrink: 0;
}
.prpt24 {
	font-size: 20px;
	font-weight: bold;
	color: #dc000c;
	margin-bottom: 10px;
}
.prpt25 {
	margin-bottom: 20px;
}
.prpt26 {
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.prpt27 {
}
.prpt27 dt {
	max-width: 6em;
}
.prpt27 dt span {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 14px;
}
.prpt28 {
	margin-bottom: 70px;
}

.prtwbg {
	background-image: url(https://dynabook.com/sites/default/files/dynabook-b2c/individual/campaign/freshers/2024/img/bg_tw.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #4bc2ea;
	padding: 120px 0;
}
.prtwblock {
	padding-left: 400px;
}
.prtw01 {
	font-size: 34px;
	font-weight: bold;
	color: #fed771;
	text-align: center;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
.prtw02 {
	font-size: 20px;
	color: #fff;
	text-align: center;
}
main .prtw02 a {
	color: #fed771;
	text-decoration: underline;
}

.prpcblock {
	padding: 80px 0 35px;
}
.prpc01 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.prpc02 {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	background-color: #cc0011;
	margin-bottom: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.prpc03 {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-bottom: 75px;
}
.fdc {
	flex-direction: column;
	gap: 100px;
}
.prpc04 {
	width: 48%;
	flex-shrink: 0;
}
.prpc04 table {
	width: 100%;
}
.prpc04 table th {
	font-weight: bold;
	background-color: #efefef;
	border: solid 1px #707070;
	padding: 2px 7px;
	width: 50%;
}
.prpc04 table td {
	background-color: #fff;
	border: solid 1px #707070;
	padding: 2px 7px;
}
.prpc04 table.w48 {
	width: 48%;
}
.original {
	width: 100%;
}
.original td {
	background-color: #ffecec !important;
}
.prflowblock {
	padding: 85px 0 60px;
}
.prflow01 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto 40px;
}_2 .charactor {
	position: absolute;
	left: -90px;
}
.prflow01 .mark {
	position: absolute;
	top: -23px;
	left: -25px;
}
.prflow01 span {
	text-decoration-color: #ffec00;
	text-decoration-line: underline;
	text-decoration-thickness: 14px;
	text-underline-offset: -5px;
	text-decoration-skip-ink: none;
	font-weight: bold;
}
.prflow01 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto 40px;
}
.prflow01 .charactor {
	position: absolute;
	left: -90px;
}
.prflow01 .mark {
	position: absolute;
	top: -23px;
	left: -25px;
}
.prflow01 span {
	text-decoration-color: #ffec00;
	text-decoration-line: underline;
	text-decoration-thickness: 14px;
	text-underline-offset: -5px;
	text-decoration-skip-ink: none;
	font-weight: bold;
}


.prflow01_2 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto 30px;
	margin-top:50px;
}
.prflow01_2 .charactor {
	position: absolute;
	left: -90px;
}
.prflow01_2 .mark {
	position: absolute;
	top: -23px;
	left: -25px;
}
.prflow01_2 span {
	text-decoration-color: #ffec00;
	text-decoration-line: underline;
	text-decoration-thickness: 14px;
	text-underline-offset: -5px;
	text-decoration-skip-ink: none;
	font-weight: bold;
}

.prflow02 {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-bottom: 25px;
}
.prflow03 {
	width: calc(100% - 430px);
}
.prflow04 {
	max-width: 400px;
	flex-shrink: 0;
}
.prflow05 {
	margin-bottom: 25px;
}
.prflow05 span {
	font-weight: bold;

	background: linear-gradient(transparent 50%, #f5c9b6 50%);
}
.prflow06 dt {
	margin-bottom: 4px;
}
.prflow07 {
	text-align: center;
	margin-bottom: 50px;
}
.prflow08 {
	width: 323px;
	margin: 0 auto;
}
.prflow08_2 {
	width: 323px;
	margin: 0 auto 40px;
}
main .prflow08 a {
	box-shadow:
		0px 8px 16px -2px rgb(10 10 10 / 10%),
		4px 4px 0px 0px rgb(0 0 0);
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #ea0000;
	padding: 15px 0;
	text-align: center;
	position: relative;
	border: solid 3px #ea0000;
	letter-spacing: -0.1em;
}
main .prflow08 a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #fff;
	border-right-color: #fff;
}
main .prflow08 a:hover {
	color: #000;
	background-color: #fff;
	opacity: 1;
}
main .prflow08 a:hover:after{
	border-bottom-color:#000;
	border-right-color:#000;
}
.prflow08 span {
	color: #ffec00;
	font-weight: bold;
	font-size: 18px;
}
.prflow08 a:hover span {
	color: #ea0000;
}
.prstepblock {
	padding-top: 60px;
	padding-bottom: 10px;
}
.prstepbox {
	margin-bottom: 40px;
}
.prstep01 {
	position: relative;
	margin-bottom: 35px;
}
.prstep02 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #000;
	border-radius: 50px;
	padding: 13px 0;
}
.prstep03 {
	width: 86px;
	height: 86px;
	color: #fff;
	text-align: center;
	background-color: #df7744;
	border-radius: 50px;
	position: absolute;
	top: -12px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.prstep04 {
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
}
.prstep05 {
	font-size: 30px;
	font-weight: bold;
	display: block;
	line-height: 1;
}
.prstep06 {
	text-align: center;
	margin-bottom: 40px;
}
.prstep06_2 {
	text-align: center;
	margin-bottom: 20px;
}

.prstep08 {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d5d5d5;
}
.prstep08_2 {
	display: flex;
	align-items: start;
	justify-content: left;
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d5d5d5;
}
.prstep08:last-child {
	border-bottom: none;
}
.v-block{visibility:hidden;}

.prstep09 {
	width: 30%;
}
.prstep10 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 7px;
}
.h54 {
	height: 54px;
}
.prstep11 {
	margin-bottom: 5px;
	text-align: center;
}
.prstep11 img {
	display: block;
}
.prstep11.h386 img {
	height: 386px;
}
.prstep12 {
	margin-bottom: 10px;
	font-size: 15px;
}
.prstep13 {
	padding-top: 200px;
}
.prstep14 {
	background-color: #f5f5f5;
	padding: 44px 5px 66px;
}
.prstep15 {
	text-align: center;
	font-size: 15px;
}
.prstep16 {
	font-size: 12px;
}
.red {
	color: #b01c11;
}
.bold {
	font-weight: bold;
}

.prappblock {
	padding: 30px 0 44px;
}
.prapp01 {
	text-align: center;
	font-size: 32px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.prapp01 span {
	position: relative;
}
.prapp01 span:before {
	content: "";
	position: absolute;
	left: -40px;
	top: 15px;
	border-left: 1px solid #000;
	width: 1px;
	height: 75px;
	margin: 0 auto;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
.prapp01 span:after {
	content: "";
	position: absolute;
	right: -90px;
	top: 15px;
	border-right: 1px solid #000;
	width: 1px;
	height: 75px;
	margin: 0 auto;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
.prapp02 {
	text-align: center;
	margin: 18px 0 46px;
}
.prapp03 {
	vertical-align: top;
	display: inline-block;
	margin: 0 15px;
	max-width: 333px;
	width: 100%;
}
main .prapp04 a {
	box-shadow:
		0px 8px 16px -2px rgba(10, 10, 10, 0.1),
		4px 4px 0px 0px rgba(0, 0, 0, 1);
	display: block;
	font-size: 16px;
	background-color: #ff4d17;
	padding: 8px 0;
	line-height: 1.3;
	color: #fff;
	border: solid 3px #ff4d17;
	height: 86px;
	background-image:url(../img/link_icon.png);
	background-repeat:no-repeat;
	background-position:right 15px center;
}
main .prapp04 a:hover .prapp05,
main .prapp04 a:hover .prapp06{
	color:#000;

}
main .prapp04 a:hover .prapp06 .yellow,
main .prapp04 a:hover .prapp09{
	color:#ff4d17;
}
main .prapp04.type02 a:hover .prapp06 .yellow,
main .prapp04.type02 a:hover .prapp09{
	color:#14a853;
}
main .prapp04.type02 a.blue:hover .prapp06 .yellow,
main .prapp04.type02 a.blue:hover .prapp09{
	color:#029cfb;
}
main .prapp04 a.pink:hover .prapp06 .yellow,
main .prapp04 a.pink:hover .prapp09{
	color:#ff1762;
}
main .prapp04 a img {
	position: relative;
	margin-left: 7px;
}
main .prapp04.type02 a {
	background-color: #14a853;
	border: solid 3px #14a853;
}
main .prapp04 a.pink {
	background-color: #ff1762;
	border: solid 3px #ff1762;
}
main .prapp04.type02 a.blue {
	background-color: #029cfb;
	border: solid 3px #029cfb;
}
.prapp05 {
	display: block;
	font-weight: bold;
}
.prapp06 {
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
}

.prapp06 .yellow {
	color: #ffcc00;
	font-weight: bold;
}
.prapp07 {
	text-align: center;
	font-size: 12px;
  margin-top: 10px;
}
.prapp08 {
	margin: 0 auto;
	text-align: center;
}
.prapp08 .bnr_wrap {
	display: flex;
	justify-content: center;
	gap: 37px;
}
.prapp08 .bnr_wrap .bnr_gold_02 {
	background-color: #fff;
	padding: 18px 12px 23px;
}
.prapp08 .bnr_cash_02 {
	background-color: #efefef;
	padding: 18px 12px 23px;
	max-width: 317px;
	width: 100%;
	margin: 0 auto;
	box-sizing: content-box;
}
.prapp08 .bnr_wrap p {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 11px;
}
.prapp08 .bnr_gold_02 p {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 11px;
}
.prapp11 {
	text-align: center;
	margin-bottom:10px;
}
.prapp12 {
	font-size: 12px;
	text-align: center;
}
.prapp13 {
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
	background-color: #efefef;
	padding: 31px 0 36px;
}
.prapp14 {
	margin-bottom: 23px;
	font-size: 19px;
	font-weight: bold;
}
main .prapp04 a:hover {
	color: #ff4d17 !important;
	background-color: #fff;
	opacity: 1;
}
main .prapp04.type02 a:hover {
	color: #14a853 !important;
	background-color: #fff;
	opacity: 1;
}
main .prapp04.type02 a.blue:hover {
	color: #029cfb !important;
	background-color: #fff;
	opacity: 1;
}

.pretcblock {
	padding: 80px 0 5px;
}
.pretc01 {
	margin-bottom: 80px;
}
.pretc02 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
}
.pretc03 {
	font-weight: bold;
	margin-bottom: 15px;
}
.pretc04 {
	margin-bottom: 20px;
}
.pretc04 li {
	text-indent: -1em;
	margin-left: 1em;
}
.pretc04 li.letter {
	letter-spacing:-.3px;
}

.pretc05 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 35px;
	background-color: #f4f4f4;
	padding: 7px 12px;
}
.pretc06 {
	margin-bottom: 20px;
}
.pretc07 {
	margin-bottom: 12px;
}
.pretc08 {
	width: 275px;
	margin: 20px 0 12px;
}
.pretc08 a {
	font-size: 15px;
	color: #fff;
	background-color: #333333;
	text-align: center;
	display: block;
	padding: 14px;
	border: solid 3px #333333;
}
.pretc08 a:hover {
	color: #fff;
}
.pretc08 a:visited {
	color: #fff;
}
.pretc08 a span {
	background-image: url(../img/blank.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 12px;
	display: inline-block;
	padding-right: 23px;
}
main .pretc08 a:hover {
	color: #333333 !important;
	background-color: #fff;
	opacity: 1;
}
main .pretc08 a:hover span {
	background-image: url(../img/blank_03.png);
}
.pretc09 {
	font-size: 12px;
	margin-bottom: 20px;
}
.pretc10 {
	font-size: 12px;
}
.pretc10 li {
	text-indent: -1em;
	margin-left: 1em;
	color: #c40000;
}

.prlink01 {
	color: #174795 !important;
	text-decoration: underline;
}

.prlublock {
	padding: 80px 0 60px;
}
.prlu01 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}
.prlu02 {
	text-align: center;
	font-size: 0;
	background-color: #fff;
	padding-top: 40px;
}
.prlu03 {
	display: inline-block;
	vertical-align: top;
	width: 28%;
	margin-bottom: 40px;
	text-align: center;
}
.prlu03:nth-child(2) {
	border-left: solid 1px #c9c9c9;
	border-right: solid 1px #c9c9c9;
	margin: 0 3%;
	padding: 0 3%;
	width: 34%;
}
/*
.prlu02:last-child .prlu03 {
	padding-bottom: 94px;
}
.prlu02:last-child .prlu03 {
	display: block;
	margin: 0 auto 40px 20px;
}
*/
.prlu04 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #333;
	margin-bottom: 15px;
}
.prlu05 {
	font-size: 13px;
	font-weight: bold;
}
.prlu06 {
	font-size: 24px;
	font-weight: bold;
}
.prlu07 {
	font-size: 15px;
	font-weight: bold;
	color: #898989;
	margin-bottom: 20px;
}
.prlu08 {
	margin-bottom: 35px;
}
.prlu09 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.prlu10 {
	font-size: 15px;
	border-top: solid 1px #c9c9c9;
	border-bottom: solid 1px #c9c9c9;
	padding: 7px 0;
	margin-bottom: 20px;
}
.prlu11 {
	text-align: left;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #c9c9c9;
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.prlu11 dt {
	width: 65px;
	flex-shrink: 0;
}
.prlu11 dd {
	width: calc(100% - 73px);
	flex-shrink: 0;
}
.prlu12 {
	font-size: 17px;
	font-weight: bold;
	display: block;
	margin-bottom: 1px;
}
.prlu13 {
	font-size: 14px;
	display: block;
}
.prlu14 {
	margin-bottom: 15px;
}
main .prlu14 a {
	box-shadow:
		0px 8px 16px -2px rgba(10, 10, 10, 0.1),
		4px 4px 0px 0px rgba(0, 0, 0, 1);
	display: block;
	font-size: 14px;
	color: #fff;
	background-color: #ff1762;
	padding: 10px 0;
	border: solid 3px #ff1762;
}
main .prlu14 a span {
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
main .prlu14 a span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #ffff;
	border-right-color: #fff;
}
main .prlu14 a:hover {
	color: #ff1762 !important;
	background-color: #fff;
	opacity: 1;
}
main .prlu14 a:hover span:after {
	border-top-color: #ff1762;
	border-right-color: #ff1762;
}
.prlu15 {
	margin-bottom: 15px;
}
main .prlu15 a {
	box-shadow:
		0px 8px 16px -2px rgba(10, 10, 10, 0.1),
		4px 4px 0px 0px rgba(0, 0, 0, 1);
	display: block;
	font-size: 14px;
	background-color: #fae3ee;
	padding: 8px 0;
	line-height: 1.3;
	border: solid 3px #fae3ee;
	color: #000 !important;
}
main .prlu15 a img {
	position: relative;
	margin-left: 7px;
}
main .prlu15 a:hover {
	color: #ff1762 !important;
	background-color: #fff;
	opacity: 1;
}
main .prlu15 a span {
	background-image: url(../img/blank_06.png);
	background-repeat: no-repeat;
	background-position: right calc(50% + 1px);
	background-size: 12px;
	display: inline-block;
	padding-right: 18px;
}
main .prlu15 a:hover span {
	background-image: url(../img/blank_05.png);
}

.prnav01 {
	border-bottom: solid 3px #3f100d;
	margin: 0 auto;
	background-color: #fff9e8;
}
.prnav02 {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 2px;
}
.prnav02 li {
	width: 24.8%;
}
.prnav02 li a {
	position: relative;
	background-color: #1a1311;
	color: #fff !important;
	border-radius: 7px 7px 0 0;
	text-align: center;
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 20px;
	height: 70px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.prnav02 li a:after {
	display: block;
	position: absolute;
	bottom: 12px;
	right: 50%;
	width: 8px;
	height: 8px;
	margin-right: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #fff;
	border-right-color: #fff;
}
.prnav02 li a.special {
	padding-left: 55px;
	text-align: left;
}
.prnav02 li a.special img {
	position: absolute;
	left: 17px;
}
.prnav02 li a span {
	display: block;
	color: #ffec00;
}
.prnav03 {
	background-color: #fff;
	margin-top: 60px;
}
.prnav03 li {
	width: 50%;
}
.prnav03 li a.special {
	padding-left: 0;
	text-align: center;
	flex-direction: inherit;
	align-items: center;
	font-size: 16px;
}
.prnav03 li a.special img {
	position: initial;
}
.prptadd01 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: -30px;
	margin-bottom: 45px;
}
.prptadd02 {
	font-size: 14px;
	text-align: center;
	margin-bottom: 55px;
}

.prpc01 span {
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
}
.prpcadd01 {
	text-align: center;
	margin: -25px 0 50px;
	font-size: 14px;
}
.pradd01 {
	font-size: 18px;
	font-weight: bold;
}
.pradd01 span {
	font-size: 14px;
}
.pradd01 + p {
	font-size: 20px;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
}
.pradd01 + p::after {
	display: block;
	position: absolute;
	bottom: 8px;
	right: -15px;
	width: 12px;
	height: 12px;
	transform: rotate(315deg);
	content: "";
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #0000aa;
	border-right-color: #0000aa;
}
.pradd01 + p a {
	color: #0000aa;
	text-decoration: underline;
}
.prapp09 {
	font-size: 16px;
	font-weight: bold;
	display: block;
	color: #ffcc00;
}
.prapp10 {
	margin-bottom: 33px;
}

.mainbnr01 {
	padding: 45px 0 112px;
}
.mainbnr02 {
	max-width: 820px;
	margin: 0 auto;
}
.mainbnr02 a {
	max-width: 300px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: block;
	padding-top: 17px;
	padding-bottom: 16px;
	position: relative;
	background-color: #0064b6;
	border-radius: 5px;
	border-right: 2px solid #003a6a;
	border-bottom: 3px solid #003a6a;
}
.mainbnr02 a span {
	color: #fff;
}
.mainbnr02 a:hover {
	opacity: 0.8;
	color: #fff;
}
.mainbnr02 a span {
	font-weight: bold;
	position: relative;
	background-image: url(../img/Icon_bnr.png);
	background-repeat: no-repeat;
	background-position: right calc(50% + 1px);
	display: inline-block;
	padding-right: 30px;
}
.mainbnr01.type02 .mainbnr02 a span {
	background-image: url(../img/icon_bnr_02.png);
}

.sidenav {
	position: fixed;
	right: 10px;
	bottom: 120px;
  z-index: 1000;
}
.sidenav li {
	margin-bottom: 10px;
	text-align: center;
}
.prpay01 {
	display: flex;
	align-items: start;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.prpay02 {
	width: 295px;
	flex-shrink: 0;
}
.prpay03 {
	padding-top: 7px;
	width: calc(100% - 360px);
	flex-shrink: 0;
}
.prpay04 {
	margin: 25px 0 30px;
}

.prpayadd01 {
	text-align: center;
	padding: 50px 3% 100px;
}
.prpayadd02 {
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 30px;
}
.prpayadd03 {
	margin-bottom: 30px;
}
.prpayadd04 {
	margin-bottom: 55px;
}
.prpayadd06 {
	width: 290px;
	margin: 0 auto 5px;
}
.prpayadd07 {
	font-size: 12px;
}

/* product toggle */
.acccont {
  display: none;
  opacity: 0;
}

.acctitle {
  cursor: pointer;
  position: relative;
  transition: opacity 0.2s;
}
.acctitle:hover {
  opacity: .7;
}
.acctitle::after {
  display: block;
  position: absolute;
  top: 38%;
  right: 20px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #fff;
  border-right-color: #fff;
  transition: all .2s;
}
.acctitle.active::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(-135deg);
  top: 45%;
}

.acctitle.active + .acccont {
  display: block;
  opacity: 1;
}

@media (max-width: 960px) {
  .acctitle::after {
      top: 35%;
      right: 15px;
      width: 8px;
      height: 8px;
  }
}

.kome {
	padding-left: 1em;
	text-indent: -1em;
}
.prbgblue {
	/* background-color: rgba(255,255,255,0.9); */
	background-color: #e0f1fc;
}
.prwcm01 {
}
.prwcm02 {
	text-align: center;
	padding: 78px 0 10px;
	color: #dc000c;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
}
.prwcm07 {
	text-align: center;
	font-size: 43px;
	font-weight: bold;
	margin-bottom: 54px;
}
.prwcm03 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
.prwcm04 {
	max-width: 600px;
	margin: 0 auto 30px;
}
.prwcm05 {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	margin-bottom: 10px;
}
.prwcm05 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.ptad01 {
	text-align: center;
}
.ptad02 {
	margin: 0 6px 60px;
	display: inline-block;
	vertical-align: top;
	width: 456px;
}
.ptad03 {
	margin-bottom: 5px;
}
.ptad04 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #dc000c;
	margin-bottom: 5px;
}
.ptad05 {
}
.ptad06 {
	text-align: center;
	font-size: 19px;
	color: #dc000c;
	margin-bottom: 5px;
}
.ptad06 span {
	font-weight: bold;
	border-bottom: solid 2px #dc000c;
}
.ptad07 {
	font-weight: bold;
	border: solid 2px #dc000c;
	display: inline-block;
	padding: 0 7px;
	margin-left: 7px;
	font-size: 14px;
	position: relative;
	top: -2px;
}
.ptad08 {
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}
.ptad08 span {
	padding: 7px 15px;
	display: inline-block;
	border-radius: 6px;
	background-color: #0078d4;
	font-weight: bold;
	color: #fff;
}
.ptad09 {
}
.ptad10 {
	text-align: center;
	margin: 0 auto 10px;
	max-width: 400px;
}
.ptad11 {
	margin: 0 20px;
}
.ptad12 {
	margin: -30px 0 50px;
	text-align: right;
	font-size: 14px;
}
.ptad13 {
	text-align: center;
	font-weight: bold;
	color: #2ea9c6;
	margin-bottom: 10px;
}
.ptad14 {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;
}
.prwcm06 {
	font-size: 12px;
}
.mhblock01.type02 {
	max-width: 1000px;
	margin: 0 auto;
}

@media (max-width: 960px) {
	.prstep08 img {
		width: auto;
		display: initial;
	}
	.v-block{display:none;}
	.prwrap {
		font-size: 13px;
		line-height: 1.5;
		color: #000;
		position: relative;
		overflow-x: hidden;
		min-width: 100%;
	}
	.prwrap h2 {
		line-height: 1.5;
	}
	.prwrap h3 {
		line-height: 1.5;
	}
	.prwrap h4 {
		line-height: 1.5;
	}
	.mhblock01 {
		max-width: 100%;
		padding: 0 20px;
		margin: 0 auto;
	}
	.mhblock02 {
		max-width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.dbk-external-module .dbk-back-to-top {
		width: 45px;
		height: 45px;
	}
	.dbk-external-module .dbk-back-to-top a img {
		width: 20px;
	}
	.prmain01 {
		padding: 0 0;
		background-image: none;
	}
	.prmain02 {
		text-align: center;
		padding: 15px 0 0;
	}
	.prmain01 img {
		width: 100%;
		vertical-align: bottom;
	}
	.prmain04 {
		padding: 0 20px 20px;
		flex-direction: column;
	}
	.prmain04 img {
		width: auto;
	}
	.prmain02 img {
		margin-top: 0;
	}
	.prmain02 img.cap {
	margin-top: 30px;
	max-width:90%;
	}
	.prmain03 {
		margin: -10% auto 0;
	}
	.prdate01 {
		position: relative;
		top: -2px;
		padding: 10px 0;
	}
	.prdate02 {
		display: block;
		align-items: center;
		justify-content: space-between;
	}

	.prchance01 {
		position: relative;
		top: -2px;
		padding: 10px 0 10px;
	}

	.prgftblock {
		padding: 30px 0 5px;
	}
	.prgft01 {
		margin-bottom: 30px;
		border: 5px solid #b01c11;
	}
	.prgft02 {
		font-size: 20px;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.prgft03 {
		display: block;
		align-items: start;
		justify-content: space-between;
	}
	.prgft04 {
	}
	.prgft05 {
		text-align: center;
	}
	.prgft06 {
		font-size: 14px;
	}
	.prgft07 {
		margin: 14px 0;
	}
	.prgft07.type02 {
	}
	.prgft08 {
		display: block;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20px;
		text-align: center;
	}
	.prgft09 {
	}
	.prgft10 {
		font-size: 12px;
		text-indent: -1em;
		margin-left: 1em;
	}
	.prgft11 {
		width: 100%;
		max-width: 290px;
		margin: 0 auto 7px;
	}
	.prgft12 {
		font-size: 12px;
		margin-bottom: 25px;
	}
	.prgft13 {
		max-width: 100%;
		margin: 0 auto 7px;
	}
	main .prgft14 {
		font-size: 13px;
		display: block;
		padding: 14px;
	}
	main .prgft14 span {
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 12px;
		display: inline-block;
		padding-right: 20px;
	}
	main .prgft14:hover {
		opacity: 1;
	}
	main .prgft14:hover span {
	}
	.prgft15 {
		font-size: 11px;
		text-align: center;
	}
	.prgft16 {
		padding: 15px;
	}

	.prptblock {
		padding: 30px 0 15px;
	}
	.prpt01 {
		text-align: center;
		margin-bottom: 25px;
	}
	.prpt02 {
		text-align: center;
	}
	.prpt03 {
		display: inline-block;
		vertical-align: top;
		margin: 0 30px 35px;
		max-width: 290px;
	}
	.prpt04 {
		position: relative;
		text-align: center;
	}
	.prpt05 {
	}
	.prpt06 {
		width: 50px;
		height: 50px;
		top: -12px;
		left: -24px;
	}
	.prpt07 {
		padding-top: 12px;
		font-size: 12px;
	}
	.prpt08 {
		font-size: 16px;
	}
	.prpt09 {
		text-align: center;
	}
	.prpt10 {
		text-align: center;
		margin-bottom: 7px;
	}
	.prpt10 span {
		display: inline-block;
		padding: 3px 25px 5px;
	}
	.prpt11 {
		font-size: 18px;
		text-align: center;
		margin-bottom: 35px;
	}
	.prpt12 {
		display: block;
		align-items: start;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.prpt13 {
		width: 100%;
		flex-shrink: 0;
	}
	.prpt14 {
		width: 100%;
		flex-shrink: 0;
		padding-top: 20px;
	}
	.prpt15 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.prpt16 {
	}
	.prpt17 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.prpt18 {
		margin-bottom: 25px;
	}
	.prpt19 {
		margin-bottom: 15px;
	}
	.prpt19 span {
	}
	.prpt20 {
		font-size: 11px;
		margin-bottom: 15px;
	}
	.prpt21 {
		display: block;
		align-items: start;
		justify-content: space-between;
		margin: 0 auto 20px;
	}
	.prpt22 {
		width: 100%;
		flex-shrink: 0;
	}
	.prpt23 {
		width: 100%;
		flex-shrink: 0;
		text-align: center;
	}
	.prpt24 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.prpt25 {
		margin-bottom: 20px;
	}
	.prpt26 {
		display: block;
		align-items: start;
		justify-content: space-between;
		text-align: center;
	}
	.prpt27 {
		display: inline-block;
		margin: 0 auto 25px;
	}
	.prpt27 dt {
		max-width: 6em;
	}
	.prpt27 dt span {
		font-size: 11px;
		text-align: center;
		display: block;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-bottom: 14px;
	}
	.prpt28 {
		margin-bottom: 20px;
	}

	.prtwbg {
		background-repeat: no-repeat;
		background-position: center bottom;
		padding: 10% 0;
		background-size: 100%;
	}
	.prtwblock {
		padding-left: 0;
		padding-right: 0;
	}
	.prtw01 {
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	.prtw02 {
		font-size: 14px;
		text-align: center;
	}
	main .prtw02 a {
		text-decoration: underline;
	}

	.prpcblock {
		padding: 30px 0 5px;
	}
	.prpc01 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.prpc02 {
		font-size: 14px;
		margin-bottom: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
	}
	.prpc03 {
		display: block;
		align-items: start;
		justify-content: space-between;
		margin-bottom: 25px;
	}
	.prpc04 {
		width: 100%;
		flex-shrink: 0;
		margin-bottom: 25px;
	}
	.prpc04 table {
		width: 100% !important;
	}
	.prpc04 table th {
		padding: 2px 7px;
		width: 50%;
	}
	.prpc04 table td {
		padding: 2px 7px;
	}
	.pradd01 span {
		font-size: 12px;
	}
	.pradd01 + p {
		font-size: 16px;
	}
	.pradd01 + p::after {
		bottom: 6px;
		right: -10px;
		width: 10px;
		height: 10px;
	}
	.prflowblock {
		padding: 30px 0 30px;
	}
	.prflow01 {
		font-size: 16px;
		text-align: center;
		margin-bottom: 20px;
		padding-left: 0px;
	}
	.prflow01 span {
		text-decoration-thickness: 9px;
	}
	.prflow01 .charactor {
		width: 50px;
		left: -10px;
	}
	.prflow01 .mark {
		width: 30px;
		top: -24px;
		left: 30px;
	}

	.prflow01_2 {
		font-size: 16px;
		text-align: center;
		margin-bottom: 20px;
		padding-left: 50px;
	}
	.prflow01_2 span {
		text-decoration-thickness: 9px;
	}
	.prflow01_2 .charactor {
		width: 50px;
		left: -10px;
	}
	.prflow01_2 .mark {
		width: 30px;
		top: -24px;
		left: 30px;
	}


	.prflow02 {
		display: block;
		align-items: start;
		justify-content: space-between;
		margin-bottom: 25px;
	}
	.prflow03 {
		width: 100%;
	}
	.prflow04 {
		max-width: 100%;
		flex-shrink: 0;
	}
	.prflow05 {
		margin-bottom: 25px;
	}
	.prflow05 span {
		font-weight: bold;
		background: linear-gradient(transparent 50%, #f2dad8 50%);
	}
	.prflow06 {
		text-align: center;
	}
	.prflow06 dt {
		margin-bottom: 4px;
	}
	.prflow06 dd {
	}
	.prflow07 {
		text-align: center;
		max-width: 191px;
		margin: 0 auto 30px;
	}
	.prflow08 {
		width: 280px;
		margin: 0 auto;
	}
	main .prflow08 a {
		font-size: 12px;
	}
	.prflow08 span {
		font-size: 14px;
	}
	main .prflow08 a:after {
		display: block;
		position: absolute;
		top: 50%;
		right: 18px;
		width: 10px;
		height: 10px;
		margin-top: -8px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
		border-bottom-width: 1px;
		border-right-width: 1px;
		border-bottom-style: solid;
		border-right-style: solid;
		border-bottom-color: #fff;
		border-right-color: #fff;
	}
	main .prflow08 a:hover {
		color: #ff1762 !important;
		background-color: #fff;
		opacity: 1;
	}

	.prstepblock {
		padding-bottom: 10px;
	}
	.prstepbox {
		margin-bottom: 20px;
	}
	.prstep01 {
		position: relative;
		margin-bottom: 20px;
	}
	.prstep02 {
		font-size: 14px;
		padding: 10px 0;
	}
	.prstep03 {
		width: 40px;
		height: 40px;
		top: -12px;
		left: -15px;
	}
	.prstep04 {
		font-size: 10px;
	}
	.prstep05 {
		font-size: 14px;
	}
	.prstep06 {
		text-align: center;
		margin-bottom: 20px;
	}
	.prstep06_2 {
		text-align: center;
		margin-bottom: 10px;
	}
	.prstep07 {
	}
	.prstep08 {
		display: block;
		align-items: start;
		justify-content: space-between;
		margin-bottom: 20px;
		padding-bottom: 20px;
		text-align: center;
	}
	.prstep08:last-child {
		border-bottom: none;
	}
	.prstep09 {
		width: 100%;
	}
	.prstep10 {
		font-size: 14px;
		margin-bottom: 7px;
		height: auto;
	}
	.prstep11 {
		margin-bottom: 5px;
		text-align: center;
	}
	.prstep11.h386 img {
		height: auto;
	}
	.prstep12 {
		margin-bottom: 10px;
	}
	.prstep13 {
		padding: 15px 0;
		text-align: center;
	}
	.prstep14 {
		background-color: #f5f5f5;
		padding: 40px 5px;
	}
	.prstep15 {
		text-align: center;
	}
	.prstep16 {
		font-size: 12px;
	}
	.red {
		color: #b01c11;
	}
	.bold {
		font-weight: bold;
	}

	.prappblock {
		padding: 30px 0 20px;
	}
	.prapp01 {
		text-align: center;
		font-size: 14px;
		margin-bottom: 15px;
		margin-top: 0;
	}
	.prapp01 span {
		position: relative;
	}
	.prapp01 span:before {
		left: -10px;
		top: 5px;
		height: 35px;
	}
	.prapp01 span:after {
		right: -30px;
		top: 5px;
		height: 35px;
	}
	.prapp02 {
		text-align: center;
		margin-bottom: 10px;
	}
	.prapp03 {
		vertical-align: top;
		display: inline-block;
		margin: 0 5px 20px;
		max-width: 280px;
		width: 100%;
	}
	.prapp04 {
		margin-bottom: 10px;
	}
	main .prapp04 a {
		display: block;
		font-size: 12px;
		background-color: #ff1762;
		padding: 8px 0;
		line-height: 1.3;
		color: #fff;
		border: solid 3px #ff1762;
		height: auto;
	}
	main .prapp04 a img {
		position: relative;
		margin-left: 7px;
	}
	main .prapp04.type02 a {
		background-color: #029cfb;
		border: solid 3px #029cfb;
	}
	.prapp05 {
		display: block;
		font-weight: bold;
	}
	.prapp06 {
		display: inline-block;
		font-weight: bold;
		font-size: 16px;
	}
	.prapp07 {
		text-align: center;
		font-size: 12px;
	}
	.prapp08 .bnr_wrap {
		flex-direction: column;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.prapp08 .bnr_gold_02 p{
		font-size: 13px;
	}
	.pretcblock {
		padding: 30px 0 5px;
	}
	.pretc01 {
		margin-bottom: 20px;
	}
	.pretc02 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.pretc03 {
		margin-bottom: 15px;
	}
	.pretc04 {
		margin-bottom: 20px;
	}
	.pretc04 li {
		text-indent: -1em;
		margin-left: 1em;
	}
	.pretc05 {
		font-size: 14px;
		margin-bottom: 15px;
		margin-top: 25px;
		padding: 7px;
	}
	.pretc06 {
		margin-bottom: 20px;
	}
	.pretc07 {
		margin-bottom: 12px;
	}
	.pretc08 {
		width: 275px;
		margin: 20px 0 12px;
	}
	.pretc08 a {
		font-size: 13px;
		color: #fff;
		background-color: #333333;
		text-align: center;
		display: block;
		padding: 10px;
		border: solid 3px #333333;
	}
	.pretc08 a:hover {
	}
	.pretc08 a:visited {
	}
	.pretc08 a span {
		background-size: 11px;
		display: inline-block;
		padding-right: 20px;
	}
	main .pretc08 a:hover {
		color: #333333 !important;
		background-color: #fff;
		opacity: 1;
	}
	main .pretc08 a:hover span {
	}
	.pretc09 {
		font-size: 12px;
		margin-bottom: 20px;
	}
	.pretc10 {
		font-size: 12px;
	}
	.pretc10 li {
		text-indent: -1em;
		margin-left: 1em;
		color: #c40000;
	}

	.prlink01 {
		color: #174795 !important;
		text-decoration: underline;
	}

	.prlublock {
		padding: 30px 0 30px;
	}
	.prlu01 {
		font-size: 18px;
		margin-bottom: 20px;
		text-align: center;
	}
	.prlu02 {
		text-align: center;
		font-size: 0;
		padding: 15px;
	}
	.prlu03 {
		display: block;
		vertical-align: top;
		width: 100%;
		margin-bottom: 20px;
	}
	.prlu03:nth-child(2) {
		border-left: none 1px #c9c9c9;
		border-right: none 1px #c9c9c9;
		margin: 0;
		padding: 0;
		width: 100%;
	}
.prlu02:last-child .prlu03 {
	padding-bottom: 94px;
}
.prlu02:last-child .prlu03 {
	display: block;
	margin: 0 auto 40px 0px;
}
	.prlu04 {
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		background-color: #333;
		margin-bottom: 15px;
	}
	.prlu05 {
		font-size: 13px;
		font-weight: bold;
	}
	.prlu06 {
		font-size: 24px;
		font-weight: bold;
	}
	.prlu07 {
		font-size: 15px;
		font-weight: bold;
		color: #898989;
		margin-bottom: 20px;
	}
	.prlu08 {
		margin-bottom: 35px;
	}
	.prlu09 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.prlu10 {
		font-size: 15px;
		border-top: solid 1px #c9c9c9;
		border-bottom: solid 1px #c9c9c9;
		padding: 7px 0;
		margin-bottom: 20px;
	}
	.prlu11 {
		text-align: left;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: solid 1px #c9c9c9;
		display: flex;
		align-items: start;
		justify-content: space-between;
	}
	.prlu11 dt {
		width: 65px;
		flex-shrink: 0;
	}
	.prlu11 dd {
		width: calc(100% - 73px);
		flex-shrink: 0;
	}
	.prlu12 {
		font-size: 17px;
		font-weight: bold;
		display: block;
		margin-bottom: 1px;
	}
	.prlu13 {
		font-size: 14px;
		display: block;
	}
	.prlu14 {
		margin-bottom: 15px;
	}
	main .prlu14 a {
		box-shadow:
			0px 8px 16px -2px rgba(10, 10, 10, 0.1),
			4px 4px 0px 0px rgba(0, 0, 0, 1);
		display: block;
		font-size: 14px;
		color: #fff;
		background-color: #ff1762;
		padding: 10px 0;
		border: solid 3px #ff1762;
	}
	main .prlu14 a span {
		display: inline-block;
		position: relative;
		padding-right: 20px;
	}
	main .prlu14 a span:after {
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
		border-top-width: 1px;
		border-right-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-top-color: #ffff;
		border-right-color: #fff;
	}
	main .prlu14 a:hover {
		color: #ff1762 !important;
		background-color: #fff;
		opacity: 1;
	}
	main .prlu14 a:hover span:after {
		border-top-color: #ff1762;
		border-right-color: #ff1762;
	}
	.prlu15 {
		margin-bottom: 15px;
	}
	main .prlu15 a {
		box-shadow:
			0px 8px 16px -2px rgba(10, 10, 10, 0.1),
			4px 4px 0px 0px rgba(0, 0, 0, 1);
		display: block;
		font-size: 14px;
		background-color: #fae3ee;
		padding: 8px 0;
		line-height: 1.3;
		border: solid 3px #fae3ee;
		color: #000 !important;
	}
	main .prlu15 a img {
		position: relative;
		margin-left: 7px;
	}
	main .prlu15 a:hover {
		color: #ff1762 !important;
		background-color: #fff;
		opacity: 1;
	}
	main .prlu15 a span {
		background-image: url(../img/blank_06.png);
		background-repeat: no-repeat;
		background-position: right calc(50% + 1px);
		background-size: 12px;
		display: inline-block;
		padding-right: 18px;
	}
	main .prlu15 a:hover span {
		background-image: url(../img/blank_05.png);
	}

	.prnav01 {
		border-bottom: none;
		margin: 10px auto 5px;
	}
	.prnav02 {
		display: block;
		align-items: start;
		justify-content: space-between;
	}
	.prnav02 li {
		width: 100%;
	}
	.prnav02 li a {
		border-radius: 7px;
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 20px;
		margin-bottom: 7px;
	}
	.prnav02 li a.special {
		padding-left: 0;
		text-align: center;
		flex-direction: initial;
		align-items: center;
	}
	.prnav02 li a.special img {
		width: auto;
		position: inherit;
		left: auto;
	}

	.prptadd01 {
		font-size: 14px;
		margin-top: -15px;
		margin-bottom: 25px;
	}
	.prptadd02 {
		font-size: 12px;
		text-align: center;
		margin-bottom: 25px;
	}

	.prpc01 span {
		font-size: 12px;
		line-height: 1;
		display: inline-block;
		vertical-align: top;
	}
	.prpcadd01 {
		text-align: center;
		margin: 15px 0 30px;
		font-size: 12px;
	}
	.pradd01 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.prapp09 {
		font-size: 14px;
	}
	.prapp10 {
		text-align: center;
	}
	.prapp11 {
		text-align: center;
		margin-top: 0px;
	}
	.prapp14 {
		font-size: 14px;
	}
	.mainbnr01 {
		padding: 25px 3%;
	}
	.mainbnr02 {
		max-width: 300px;
		margin: 0 auto;
	}
	.mainbnr02 a {
		font-size: 14px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.mainbnr02 a span:after {
		right: -28px;
		width: 10px;
		height: 10px;
		margin-top: -6px;
	}
	.mainbnr01.type02 .mainbnr02 a span:after {
		margin-top: -1px;
	}
	.sidenav {
		position: fixed;
		right: 5px;
		bottom: 70px;
	}
	.sidenav li {
		width: 40px;
		margin-bottom: 1px;
	}
	.prpay01 {
		display: flex;
		align-items: start;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.prpay02 {
		width: 295px;
		flex-shrink: 0;
	}
	.prpay03 {
		padding-top: 7px;
		width: calc(100% - 360px);
		flex-shrink: 0;
	}
	.prpay04 {
		margin: 25px 0 30px;
	}

	.prpayadd01 {
		text-align: center;
		padding: 0 0 30px;
	}
	.prpayadd02 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.prpayadd03 {
		margin-bottom: 15px;
	}
	.prpayadd04 {
		margin-bottom: 25px;
	}
	.prpayadd05 {
	}
	.prpayadd06 {
		width: 270px;
		margin: 0 auto 5px;
	}
	.prpayadd07 {
		font-size: 11px;
	}

	/*.acctitle .prpc02 {
	position:relative;
	cursor:pointer;
}
.acctitle .prpc02:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-top: 10px solid #FFF;
    border-right: 8px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid transparent;
}
.acctitle.open .prpc02:before {
    margin-top: -13px;
    border-top: 10px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #FFF;
    border-left: 8px solid transparent;
}
.acccont {
}*/

	.prbgwhite {
	}
	.prwcm01 {
	}
	.prwcm02 {
		text-align: center;
		padding: 0 0 25px;
		font-size: 26px;
	}
	.prwcm07 {
		font-size: 26px;
		margin-bottom: 34px;
	}
	.prwcm03 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.prwcm04 {
		max-width: 100%;
		margin: 0 auto 10px;
	}
	.prwcm05 {
		width: 100%;
		padding-top: 56.25%;
		position: relative;
	}
	.prwcm05 iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

	.ptad01 {
		text-align: center;
	}
	.ptad02 {
		margin: 0 auto 25px;
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}
	.ptad03 {
		margin-bottom: 5px;
	}
	.ptad04 {
		text-align: center;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.ptad05 {
	}
	.ptad06 {
		text-align: center;
		font-size: 15px;
		margin-bottom: 5px;
	}
	.ptad07 {
		display: inline-block;
		padding: 0 7px;
		margin-left: 7px;
		font-size: 12px;
	}
	.ptad08 {
		text-align: center;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.ptad08 span {
		padding: 7px 15px;
		display: inline-block;
		border-radius: 6px;
		background-color: #0078d4;
		font-weight: bold;
		color: #fff;
	}
	.ptad09 {
		width: 100px;
		margin-bottom: 15px;
	}
	.ptad10 {
		text-align: center;
		margin-bottom: 5px;
		max-width: 100%;
	}
	.ptad11 {
		margin: 0 0 25px;
		text-align: left;
	}
	.ptad12 {
		margin: -5px 0 25px;
		text-align: left;
		font-size: 11px;
	}
	.ptad13 {
		margin-bottom: 10px;
	}
	.ptad14 {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.prwcm06 {
		font-size: 10px;
	}
	.mhblock01.type02 {
		max-width: 100%;
	}
}
/*added 20240217*/
.prmountainbg{
	display:block;
	margin:0px auto 0;
	padding:10px 0 84px;
	max-width:1400px;
	width:100%;
	height:auto;
 background-image:url('../img/mountain.png');
 background-size:contain;
 background-position:0 0px;
 background-repeat:repeat-x;
 background-color:#EDEDED;
 text-align:center;
}
.prmountainbg figure img{
 max-width:766px;
 margin:10px 0 0;
}

.prmain01 .reads {
    text-align: center;
    margin:20px 0 40px;
		line-height:2;
		font-size:22px;
		font-weight:bold;
}
.prmain01 img.nanga {
	width:760px;
	margin:0 auto;
	text-align:center;
	display:block;
}

.prmain01 .counter{
 width:974px;
 background:#fff;
 margin:0 auto;
 text-align:center;
 padding:10px 0 0;
}
.prmain01 .reads2 {
    text-align: center;
    margin-bottom: 20px;
		line-height:1.5;
		font-size:24px;
		font-weight:500;
		letter-spacing:2px;
}
.prmain01 .reads3 {
    text-align: center;
    margin-bottom: 40px;
		line-height:1.5;
		font-size:25px;
		font-weight:500;
		letter-spacing:2px;
}
.s_left,.s_right{
 width:14px;
 height:32px;
 position:relative;
 top:10px;
 margin:0 10px;
 box-sizing:border-box;
}
.prmain01 .counter_img{
 width:317px;
 height:111px;
 margin:0 auto;
 background-image:url('../img/counter.png');
 font-family: "Roboto", sans-serif;
 font-weight: 700;
 font-size:64px;
 line-height:1.7;
 letter-spacing:22.5px;
 text-align:left;
 text-indent:2.2rem;
}
.prmain01 .warning{
 margin:20px auto 70px;
}

/**/
@media (max-width: 960px) {
.prmountainbg{
	display:block;
	margin:0px 0 0;
	padding-top:0px;
	max-width:960px;
	width:100%;
	height:auto;
 background-image:url('../img/mountain.png');
 background-size:contain;
 background-position:0 0px;
 background-repeat:repeat-x;
 background-color:#EDEDED;
}
.prmountainbg figure img{
 max-width:300px;
}

.prmain01 .reads {
    text-align: center;
    margin-bottom: 40px;
		line-height:2;
		font-size:12px;
		font-weight:bold;
}
.prmountainbg img.nanga {
	width:90%;
	margin:0 auto;
	text-align:center;
	display:block;
}

.prmain01 .counter{
 width:90%;
 height:auto;
 background:#fff;
 margin:0 auto;
 text-align:center;
 padding:40px 0 40px;
}
.prmain01 .reads2 {
    text-align: center;
    margin-bottom: 40px;
		line-height:1.5;
		font-size:14px;
		font-weight:600;
		letter-spacing:2px;
}
.prmain01 .reads3 {
    text-align: center;
    margin-bottom: 40px;
		line-height:1.5;
		font-size:15px;
		font-weight:600;
		letter-spacing:2px;
}
.s_left,.s_right{
 width:14px!important;
 height:32px;
 position:relative;
 top:10px;
 margin:0 10px;
 box-sizing:border-box;
}
.prmain01 .counter_img{
 width:285px;
 height:100px;
 margin:0 auto;
 background-image:url('../img/counter.png');
 background-size:cover;
 font-family: "Roboto", sans-serif;
 font-weight: 700;
 font-size:60px;
 line-height:1.6;
 letter-spacing:19px;
 text-align:left;
 text-indent:2.1rem;

}
.prmain01 .warning{
 margin:20px auto 0px;
 display:block;
}
}
/*
 * pc
 * */
.bags{
 width:995px;
 height:500px;
 display:flex;
 margin:50px auto 80px;
 background-color:#EDEDED;
 position:relative;
 left:10px;
}
.bag_left{
 width:642px;
 background:#fff;
 padding:30px 0 0 0;
}
.bag_left p{
 line-height:1;
 font-size:21px;
 font-weight:500;
 text-align:center;
 letter-spacing:2px;
}
.bag_left p.warning{
 line-height:1;
 font-size:16px;
 font-weight:400;
 text-align:center;
 letter-spacing:2px;
 position:relative;
 top:-40px;
}

.bagwrap{
 display:flex;
 width:642px;
}
.bagwrap .navy{
	width:50%;
	text-align:center;
	position:relative;
}
.bagwrap .navy:after{
	content:"";
	height:226px;
	width:1px;
	position:absolute;
	top:70px;
	right:0;
	background-color:#BEBEBE;
}
.bagwrap .coyote{
	width:50%;
	text-align:center;

}

.bag_right{
 width:310px;
 background:#fff;
 margin:0 0 0 20px;
 padding:10px 0 0 0;
 position:relative;
}
.bag_right span{
 line-height:1.6;
 font-size:19px;
 font-weight:500;
 text-align:center;
 letter-spacing:0px;
}
.bag_right p{
 line-height:1.3;
 font-size:19px;
 font-weight:500;
 text-align:center;
 letter-spacing:0px;
 position: relative;
 z-index: 100;
}
.bag_right .plus{
	position:absolute;
	top:160px;
	left:-34px;
}
.bag_right .eco{
	position:relative;
	top:-16px;
}

p.glay{
 margin-top:30px;
 padding:30px 0;
 background-color:#EDEDED;
 width:100%;
 height:112px;
}
p.glay2{
 margin-top:0px;
 padding:24px 0 40px;
 font-size:21px;
 letter-spacing:1px;
 position:relative;
 left:-10px;
 background-color:#EDEDED;
 width:calc(100% + 20px);
}
span.blue{
	color:#003178;
 font-weight:500;
 margin-top:10px;
 display:inline-block;
}
.bag_img{
 width:218px;
 height:302px;
}
.bag_img2{
 width:283px;
 height:276px;
}
/*
 * sp
 * */
@media (max-width: 960px) {
	.bags{
 width:100%;
 height:auto;
 display:block;
 margin:50px 0 10px;
 background-color:#EDEDED;
 position:relative;
 left:0px;
}
.bag_left{
 width:100%;
 background:#fff;
 padding:20px 0 0 0;
}
.bag_left p{
 line-height:1;
 font-size:15px;
 font-weight:600;
 text-align:center;
 letter-spacing:2px;
}
.bag_left p.warning{
 line-height:1;
 font-size:12px;
 font-weight:400;
 text-align:center;
 letter-spacing:2px;
 position:relative;
 top:-75px;
}

.bagwrap{
 display:flex;
 width:100%;
}
.bagwrap .navy{
	width:50%;
	text-align:center;
	position:relative;
}
.bagwrap .navy:after{
	content:"";
	height:180px;
	width:1px;
	position:absolute;
	top:40px;
	right:0;
	background-color:#BEBEBE;
}
.bagwrap .coyote{
	width:50%;
	text-align:center;
}
.bag_right{
 width:100%;
 background:#fff;
 margin:0 0 0 0px;
 padding:20px 0 0 0;
}
.bag_right p{
 line-height:1.6;
 font-size:21px;
 font-weight:500;
 text-align:center;
 letter-spacing:2px;
}

.bag_right span{
 line-height:1.6;
 font-size:21px;
 font-weight:500;
 text-align:center;
 letter-spacing:2px;
}
.bag_right .s_left{
	position:relative;
	top:0px;
}

.bag_right .plus{
	position:absolute;
	width:50px;
	top:-58px;
	left:calc(50% - 25px);
}
.bag_right .eco{
	position:relative;
	top:0px;
}

p.glay{
 margin-top:30px;
 padding:30px 0;
 background-color:#EDEDED;
 width:100%;
 height:120px;
}
p.glay2{
 margin-top:10px;
 padding:24px 0;
 font-size:15px;
 letter-spacing:1px;
 position:relative;
 left:-10px;
 background-color:#EDEDED;
 width:calc(100% + 20px);
 font-weight:600;
}
span.blue{
	color:#003178;
 font-weight:600;
 margin-top:10px;
 display:inline-block;
}
.bag_img{
 width:160px!important;
 height:auto;
}
.bag_img2{
 width:283px!important;
 height:auto;
 margin: 0 auto;
 display:block;
}
}

/*
 * quality PC
 * */
.prmain_quarity{
 padding:96px 0 166px;
}
.prmain_quarity h2{
 text-align:center;
 font-size:35px;
 font-weight:600;
}
.prmain_quarity p.quality_coution{
 max-width:974px;
 margin:0 auto;
}
.pr_quality{
	text-align: center;
	padding: 80px 0 20px;
	max-width: 974px;
	margin: 0 auto;
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.pr_quality_right{
 text-align:center;
 background:#E7E7E7;
 width:430px;
 height:430px;
}
.pr_quality_right img{
 width:430px;
 height:348px;
 padding-top:24px;
}

.pr_quality_left{
 width:490px;
 text-align:left;
 }
 .pr_quality_left p.reads{
 text-align:left;
 font-size:19px;
 font-weight:600;
 letter-spacing:1.2px;
 line-height:1.8;
 }
/*
 * 2type navy
 * */
.prmain_2type{
 padding:135px 0 166px;
 background:#EDEDED;
}
.prmain_2type h2{
 text-align:center;
 font-size:35px;
 font-weight:600;
}
.pr_2type{
	text-align: center;
	padding: 156px 0 20px;
	max-width: 974px;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
}
.pr_2type_left{
 text-align:center;
 width:430px;
 height:430px;
}
.pr_2type_left img{
 width:392px;
 height:auto;
 padding-top:0px;
}

.pr_2type_right{
 width:490px;
 text-align:left;
 }
 .pr_2type_right h3 img.navy_title{
 width:268px;
 height:128px;
 }
 .pr_2type_right h3 img.coyote_title{
 width:322px;
 height:130px;
 }

 .pr_2type_right p.reads{
 text-align:left;
 font-size:19px;
 font-weight:600;
 letter-spacing:1.6px;
 line-height:1.8;
 margin:23px 0 43px;
 }
.prmain_2type .discri{
 text-align:center;
 margin:186px 0 0;
}
.prmain_2type .discri img.bag_discri{
 width:973px;
 height:471px;
}
/*
 * NANGA POCKETTABLE ECO BAG
 * */
.prmain_eco{
 padding:135px 0 66px;
 background:#FFFFFF;
}
.prmain_eco h2{
 text-align:center;
 font-size:35px;
 font-weight:600;
}
.pr_eco{
	text-align: center;
	padding: 86px 0 20px;
	max-width: 974px;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
}
.pr_eco_left{
 text-align:center;
 width:430px;
 height:430px;
}
.pr_eco_left img{
 width:392px;
 height:auto;
 padding-top:0px;
}

.pr_eco_right{
 width:486px;
 text-align:left;
 }
.pr_eco_right h3 {
 font-size:30px;
 font-weight:600;
 letter-spacing:1.6px;
 line-height:1.4;
}
 .pr_eco_right p.reads{
 text-align:left;
 font-size:19px;
 font-weight:600;
 letter-spacing:1.4px;
 line-height:1.8;
 margin:33px 0 43px;
 }
.prmain_eco .discri{
 text-align:center;
 margin:186px 0 0;
}
/*
 * quality sp
 * */
@media (max-width: 960px) {
.prmain_quarity{
 padding:46px 0 46px;
}
.prmain_quarity h2{
 text-align:center;
 font-size:24px;
 font-weight:600;
 width:90%;
 margin:0 auto;
}
.prmain_quarity p.quality_coution{
 max-width:974px;
 margin:0 auto;
 padding:0 20px;
}
.pr_quality{
	text-align: center;
	padding: 40px 0 10px;
	max-width: 974px;
	margin: 0 auto;
	display:block;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.pr_quality_right{
 text-align:center;
 background:#E7E7E7;
 width:100%;
 height:auto;
}
.pr_quality_right img{
 width:90%;
 height:auto;
 padding-top:4px;
}

.pr_quality_left{
 width:90%;
 text-align:left;
 margin:16px auto 0;
 }
 .pr_quality_left p.reads{
 text-align:left;
 font-size:14px;
 font-weight:600;
 letter-spacing:1.6px;
 line-height:1.8;
 }
/*
 * 2type navy
 * */
.prmain_2type{
 padding:46px 0 46px;
 background:#EDEDED;
}
.prmain_2type h2{
 text-align:center;
 font-size:24px;
 font-weight:600;
 width:90%;
 margin:0 auto;
}
.pr_2type{
	text-align: center;
	padding: 0px 0 20px;
	max-width: 974px;
	margin: 0 auto;
	display:block;
	justify-content: space-between;
}
.pr_2type_left{
 text-align:center;
 width:100%;
 height:auto;
}
.pr_2type_left img{
 width:70%;
 max-width:300px;
 height:auto;
 padding:60px 0 20px;
}

.pr_2type_right{
 width:90%;
 text-align:left;
 margin:0 auto;
 }
 .pr_2type_right h3 img.navy_title{
 width:168px;
 height:auto;
 margin: 0 auto;
 display:block;
 }
 .pr_2type_right h3 img.coyote_title{
 width:202px;
 height:auto;
 margin: 0 auto;
 display:block;
 }

 .pr_2type_right p.reads{
 text-align:left;
 font-size:15px;
 font-weight:600;
 letter-spacing:1.6px;
 line-height:1.8;
 margin:23px 0 43px;
 }
.prmain_2type .discri{
 text-align:center;
 margin:46px 0 0px;
}
.prmain_2type .discri img.bag_discri{
 width:90%;
 height:auto;
}
/*
 * NANGA POCKETTABLE ECO BAG
 * */
.prmain_eco{
 padding:45px 0 0px;
 background:#FFFFFF;
}
.prmain_eco h2{
 text-align:center;
 font-size:24px;
 font-weight:600;
 width:90%;
 margin:0 auto;
}
.pr_eco{
	text-align: center;
	padding: 6px 0 20px;
	max-width: 974px;
	margin: 0 auto;
	display:block;
	justify-content: space-between;
}
.pr_eco_left{
 text-align:center;
 width:100%;
 height:auto;
}
.pr_eco_left img{
 width:90%;
 max-width:300px;
 height:auto;
 padding-top:0px;
}

.pr_eco_right{
 width:90%;
 text-align:left;
 margin:0 auto;
 }
.pr_eco_right h3 {
 font-size:20px;
 font-weight:600;
 letter-spacing:1.6px;
 line-height:1.4;
 margin: 0 auto;
 display:block;
}
 .pr_eco_right p.reads{
 text-align:left;
 font-size:15px;
 font-weight:600;
 letter-spacing:1.4px;
 line-height:1.8;
 margin:33px 0 43px;
 }
.prmain_eco .discri{
 text-align:center;
 margin:186px 0 0;
}

}

/*
 * youtube PC
 * */
.prmain_youtube{
 padding:55px 0 96px;
 background:#EDEDED;
 text-align:center;
}
.prmain_youtube .nanga{
 width:356px;
 margin:24px auto 10px;
}
.prmain_youtube h2{
 text-align:center;
 font-size:40px;
 font-weight:600;
}
.prmain_youtube h3{
 text-align:center;
 font-size:29px;
 font-weight:600;
}
.prmain_youtube p{
 text-align:center;
 font-size:14px;
 font-weight:400;
 margin:24px auto 20px;
}
.prmain_youtube p.warning{
 text-align:left;
 font-size:12px;
 font-weight:400;
 margin:14px auto 20px;
}
a.dislink {
    max-width: 230px;
		height:57px;
		line-height:51px;
    margin:0 auto;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
    display: block;
    background-color: transparent;
    border-radius: 0px;
    border: 2px solid #000;
}
/*
 * youtube sp
 * */
@media (max-width: 960px) {
.prmain_youtube{
 padding:25px 0 46px;
 background:#EDEDED;
 text-align:center;
}
.prmain_youtube .nanga{
 width:300px;
 margin:24px auto 10px;
}
.prmain_youtube h2{
 text-align:center;
 font-size:26px;
 font-weight:600;
}
.prmain_youtube h3{
 text-align:center;
 font-size:20px;
 font-weight:600;
}
.prmain_youtube p{
 text-align:center;
 font-size:14px;
 font-weight:400;
 margin:24px auto 20px;
 line-height:3;
}
.prmain_youtube p.warning{
 text-align:left;
 font-size:10px;
 font-weight:400;
 margin:14px auto 20px;
 line-height:2;
}
}