@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;
	}
}

.p-breadcrumb {
    display: block;
    color: #666;
}
@media (min-width: 960px) {
    .p-breadcrumb {
        display: block;
        padding-top: 12px;
        margin-bottom: 12px;
    }
}
@media (min-width: 960px) {
    .p-breadcrumb {
        display: block;
        padding-top: 12px;
        margin-bottom: 12px;
    }
	}
.bg-main {
	background-color: #000028;
}
#kv {
  position: relative;
	max-width: 1600px;
	margin: 0 auto;
}
.kv-img {
  text-align: center;
}
.kv-logo {
	position: absolute;
  z-index: 1;
  width: 100%;
  max-width: 1600px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 960px){
  .kv-logo {
    text-align: center;
		top: 58%;
  }
	.kv-img img {
		width: 100%;
	}
}
.l-section {
  padding: 80px 0;
}
.l-section-last {
	padding-bottom: 230px;
}

.l-section-inner {
  max-width: 1600px;
  padding: 0 20px;
  margin: auto;
}
.l-section-inner-center {
  text-align: center;
}
@media (max-width: 960px){
  .l-section {
    padding: 45px 0;
  }
  .l-section-inner {
    padding: 0;
  }
  .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-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
	justify-content: center;
}

@media (max-width: 960px){
  .l-box {
    padding: 35px 25px 40px;
  }
  .l-flex {
    flex-direction: column;
    gap: 0;
  }
}
.l-gap-xll {
  margin-top: 180px;
}
.l-gap-xl {
  margin-top: 100px;
}
.l-gap-lg {
  margin-top: 60px;
}
.l-gap-md {
  margin-top: 38px;
}
.l-gap-sm {
  margin-top: 18px;
}
.l-gap-xs {
  margin-top: 27px;
}
.l-gap-xss {
	margin-top: 15px;
  }
@media (max-width: 960px){
	.l-gap-xll {
		margin-top: 100px;
	}
  .l-gap-xl {
    margin-top: 50px;
  }
  .l-gap-lg {
    margin-top: 35px;
  }
  .l-gap-md {
    margin-top: 29px;
  }
	.l-gap-xs {
		margin-top: 20px;
	}
	.l-gap-sp-xss {
		margin-top: 30px;
	}
	.l-gap-sp-none {
		margin-top: 0;
	}
}

.bg-who {
	background-image: url(../img/who_bg_pc@2x.png);
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: 150px;
}

@media (max-width: 960px){
	.bg-who {
		background-image: url(../img/who_bg_sp@2x.png);
		padding-bottom: 0;
	}
}
@media (max-width: 960px){
	.who-txt-sp {
		padding-top: 110px;
	}
}

.bg-video {
	background-image: url(../img/video_bg_pc@2x.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
@media (max-width: 960px){
	.bg-video {
		background-image: url(../img/video_bg_sp@2x.png);
		background-position-y: 30px;
	}
}

.bg-making {
	background-image: url(../img/making_bg_pc@2x.png);
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 100px;
}
@media (max-width: 960px){
	.bg-making {
		background-image: url(../img/making_bg_sp@2x.png);
		padding-top: 0;
	}
}

.youtube-mini {
	position: absolute;
	bottom: 12%;
	right: 6%;
	transition: opacity ease-in-out .2s;
	z-index: 10;
	width: clamp(200px, calc(293 * 100vw / 1600), 293px);
}

.youtubeThumbnail{
  position: relative;
	margin: auto;
	text-align: center;
}
.youtubeThumbnail img {
	border: 10px solid #00ffff;
	width: max( calc(710 * 100vw / 1600), 710px);
}
@media (max-width: 960px){
	.youtubeThumbnail {
		max-width: calc(100% - 20px * 2);
	}
	.youtubeThumbnail img {
		border-width:  3px;
	}
}
.youtube-link,
.youtube-mini-link,
.youtube-lyric {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.youtube-mini:hover {
	opacity: .8;
}
.youtube-link::after {
	background-image: url(../img/btn_play.svg);
}
.youtube-link::after,
.youtube-mini-link::after{
  content: '';
  display: inline-block;
	background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 172px;
	height: 172px;
}

@media (max-width: 960px){
	.youtube-mini {
		width: calc(294 / 2  / 375 * 100%);
		height: auto;
		bottom: 5%;
		right: 20px;
	}
	.youtube-link::after {
		width: 93px;
		height: 93px;	}
}

.profile-txt {
	display: flex;
	flex-direction: column;
}
.lyrics {
	display: flex;
	flex-direction: column;
	height: auto;
	max-height: 665px;
	overflow: hidden;
	position: relative;
	top: max-height 1s;
}
.lyrics::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 30%;
	transition: .2s;
	background: linear-gradient(
			to bottom,
			transparent 20%,
			#000028 100%
	);
}
.lyrics.open {
	max-height: 100%;
}
.lyrics.open::after {
	z-index: -1;
	opacity: 0;
}


.lyric {
	position: relative;
	transition: opacity ease-in-out .2s;
}

.lyric:hover {
	opacity: .7;	
}

.lyric,
.lyric-time-img {
	display: flex;
	justify-content: center;
	gap: 50px;
}
.lyric-time::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #fff;
	right: -10px;
}
.lyric-time {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	position: relative;
}
.lyric-img {
	padding-bottom: 40px;
}
.lyric:last-of-type .lyric-img {
	padding-bottom: 0px;
}
.lyric-txts {
	display: flex;
	flex-direction: column;
	gap: 26px;
	width: 100%;
	max-width: 300px;
}
.lyric-txt {
	color: #fff;
	font-size: 25px;
	line-height: 1.68;
	white-space: nowrap;
}
.lyric-color-blue {
	color: #00ffff;
}
.lyric a {
	cursor: pointer;
	position: absolute;
	max-width: 1000px;
	width: 100%;
	height: 100%;
	
}
.lity {
	background: #000028;
}
.lity-close:after {
	content: "";
	position: absolute;
	top: 50px;
	right: 50px;
	background-image: url(../img/btn_close.svg);
	width: 98px;
	height: 98px;
}
.lity-close,
.lity-close:hover {
	width: 98px;
	height: 98px;
	font-size: 0;
}
.lity-close:hover {
	opacity: .8;
}
@media (max-width: 960px){
	.lyrics-container {
		padding: 0 20px;
	}
	.lyric {
		gap: 20px;
		align-items: flex-start;
	}
	.lyric-time-img {
		flex-direction: column;
		gap: 8px;
		padding-left: 16px;
		border-left: 1px solid #fff;
		width: 250px;
	}
	.lyric-time::after {
		content: none;
	}
	.lyrics {
		max-height: max( calc(353 * 100vw / 759), 706px);
	}
	.lyric-time {
		font-size: clamp(17px, calc(25 * (100vw / 750)), 32px);
		font-weight: normal;
	}
	.lyric-txt {
		font-size: clamp(10px, calc(22 * (100vw / 750)), 22px);
		margin-top: 25px;
	}
	.lity-close:after {
		top: 25px;
		right: 25px;
		width: 45px;
		height: 45px;
	}
	.lity-close,
	.lity-close:hover {
		width: 45px;
		height: 45px;
	}
}

.read-more-button {
	transition: opacity  ease-in-out .2s;
}
.read-more-button:hover {
	opacity: .8;
}

.btn-buy-wrap,
.btn-buy2-wrap {
	max-width: 558px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 960px){ 
	.btn_buy {
		width: 100%;
		display: inline-block;
	}
	.btn-buy2-wrap {
		padding-bottom: 30px;
	}
}

.text-white {
	color: #fff;
}

.text-main {
	color: #01FFFF;
}

.dbk-front-04__inner strong {
    color: #E60013 !important;
}

.dbk-front-04 {
	overflow: hidden;
  }
  .dbk-front-04__inner {
	max-width: 940px;
	margin: 0 auto;
	padding: 70px 0;
	text-align: center;
  }
  .dbk-front-04__header {
	margin: 0 auto 37px;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	-webkit-font-smoothing: antialiased;
  }
  .dbk-front-04__inner .v-feature__more {
	display: block;
  }
  .dbk-front-04__lead {
	display: none;
  }
  .scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	white-space: nowrap;
  }
  .scroll::-webkit-scrollbar {
	height: 12px;
  }
  .scroll::-webkit-scrollbar-track {
	background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
  }
  i.i_black {
	font-size: 13px;
	color: #001b37;
	margin-left: 3px;
  }
  i.i_blue {
	font-size: 13px;
	color: #031B35;
	margin-left: 3px;
  }
  .v-specification {
	table-layout: auto;
	border-collapse: collapse;
  }
  .v-specification th {
	vertical-align: middle;
	padding: 0 2px;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	border-right: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	letter-spacing: -0.8px;
	color: #fff;
  }
  .v-specification th span {
	display: flex;
	background-color: #757575;
	border-radius: 3px;
	height: 45px;
	justify-content: center;
	align-items: center;
  }
  .v-specification tbody td {
	vertical-align: middle;
	padding: 6px 8px;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	border-right: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	background: #fff;
  }
  .v-specification tbody td.model {
	line-height: 13px;
  }
  table.v-specification td.table_sp {
	display: none;
  }
  .v-specification tbody td span {
	display: block;
	vertical-align: bottom;
	word-break: break-all;
  }
  .v-specification tbody td em {
	font-weight: 600;
	font-size: 16px;
	display: block;
	padding: 7px 0;
  }
  .v-specification + .v-notes__inner {
	padding: 30px 0;
  }
  .v-specification tbody sup {
	font-size: 7px;
  }
  @media (max-width: 940px) {
	.dbk-front-04__inner {
	  padding: 20px 15px 40px;
	}
	.dbk-front-04__lead {
	  display: block;
	  margin: 20px auto;
	  text-align: center;
	}
  }
  .dbk-matrix {
	max-width: 940px !important;
  }
  .dbk-inter-container {
	max-width: 940px !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
  }
  .dbk-inter-container .dbk-container--large p:first-of-type {
	text-align: center;
  }
  .dbk-highlight--black {
	border: 1px solid #000;
	background-color: #fff;
	font-size: 19px !important;
	line-height: 19px !important;
	padding: 4px 16px 0 !important;
	margin-right: 15px;
	display: inline-block;
  }
  @media screen and (max-width: 940px) {
	.dbk-highlight--black {
	  margin-bottom: 10px;
	}
	.dbk-highlight--black:last-of-type {
	  margin-right: 0;
	}
  }

@media (min-width: 961px) {
	.splide-slider {
		position: relative;
	}
	.splide-slider::before {
		position: absolute;
		content: "";
		top: 0; 
		left: 0;
		width: 160px;
		height: 100%;
		background-image: url(../img/slider_left.svg);
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 1;
	}
	.splide-slider::after {
		position: absolute;
		content: "";
		top: 0; 
		right: 0;
		width: 160px;
		height: 100%;
		background-image: url(../img/slider_right.svg);
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 1;
	}
}


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

@media (max-width: 960px){
  .campaign-txt-sp {
    margin-top: -30px;
    margin-right: -10px;
    padding-left: 10px;
  }
}
.campagin-arrows-txt {
  padding-top: 52px;
  padding-bottom: 40px;
  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%)
  }
}

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

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

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

#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 {
	display: block;
}
@media (max-width: 960px){
	.p-breadcrumb {
		display: none;
	}
}
.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;
}
}

/*
 * ファイル階層調整に伴う修正
 * */
.dbk-u-indent-10 {
	padding-left: 1em;
	text-indent: -1em;
}

.dbk-u-left {
	text-align: left !important;
}

.dbk-u-typo-xsmall {
	line-height: 15px;
	font-size: 11px !important;
	font-size: .6875rem !important;
}

.v-specification {
	width: 100%;
}

img {
	height: auto;
}

.read-more-button {
	background: 0 0;
}