@charset "shift-jis";
#hokepon-content {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}

@media only screen and (max-width: 750px) {

#hokepon-content {
		margin: -10px;
	}
}
#content #main .section {
	width: 100%;
}
@media all and (-ms-high-contrast: none) {

#hokepon-content {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif
	}
}

#hokepon-content {
	line-height: 1
}

#hokepon-content div,
#hokepon-content span,
#hokepon-content applet,
#hokepon-content object,
#hokepon-content iframe,
#hokepon-content h1,
#hokepon-content h2,
#hokepon-content h3,
#hokepon-content h4,
#hokepon-content h5,
#hokepon-content h6,
#hokepon-content p,
#hokepon-content blockquote,
#hokepon-content pre,
#hokepon-content a,
#hokepon-content abbr,
#hokepon-content acronym,
#hokepon-content address,
#hokepon-content big,
#hokepon-content cite,
#hokepon-content code,
#hokepon-content del,
#hokepon-content dfn,
#hokepon-content em,
#hokepon-content font,
#hokepon-content img,
#hokepon-content ins,
#hokepon-content kbd,
#hokepon-content q,
#hokepon-content s,
#hokepon-content samp,
#hokepon-content small,
#hokepon-content strike,
#hokepon-content strong,
#hokepon-content sub,
#hokepon-content sup,
#hokepon-content tt,
#hokepon-content var,
#hokepon-content dl,
#hokepon-content dt,
#hokepon-content dd,
#hokepon-content ol,
#hokepon-content ul,
#hokepon-content li,
#hokepon-content fieldset,
#hokepon-content form,
#hokepon-content label,
#hokepon-content legend,
#hokepon-content table,
#hokepon-content caption,
#hokepon-content tbody,
#hokepon-content tfoot,
#hokepon-content thead,
#hokepon-content tr,
#hokepon-content th,

#hokepon-content td {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}

@media all and (-ms-high-contrast: none) {

	#hokepon-content div,
	#hokepon-content span,
	#hokepon-content applet,
	#hokepon-content object,
	#hokepon-content iframe,
	#hokepon-content h1,
	#hokepon-content h2,
	#hokepon-content h3,
	#hokepon-content h4,
	#hokepon-content h5,
	#hokepon-content h6,
	#hokepon-content p,
	#hokepon-content blockquote,
	#hokepon-content pre,
	#hokepon-content a,
	#hokepon-content abbr,
	#hokepon-content acronym,
	#hokepon-content address,
	#hokepon-content big,
	#hokepon-content cite,
	#hokepon-content code,
	#hokepon-content del,
	#hokepon-content dfn,
	#hokepon-content em,
	#hokepon-content font,
	#hokepon-content img,
	#hokepon-content ins,
	#hokepon-content kbd,
	#hokepon-content q,
	#hokepon-content s,
	#hokepon-content samp,
	#hokepon-content small,
	#hokepon-content strike,
	#hokepon-content strong,
	#hokepon-content sub,
	#hokepon-content sup,
	#hokepon-content tt,
	#hokepon-content var,
	#hokepon-content dl,
	#hokepon-content dt,
	#hokepon-content dd,
	#hokepon-content ol,
	#hokepon-content ul,
	#hokepon-content li,
	#hokepon-content fieldset,
	#hokepon-content form,
	#hokepon-content label,
	#hokepon-content legend,
	#hokepon-content table,
	#hokepon-content caption,
	#hokepon-content tbody,
	#hokepon-content tfoot,
	#hokepon-content thead,
	#hokepon-content tr,
	#hokepon-content th,

#hokepon-content td {
		font-family: "???C???I", Meiryo, "???S?V?b?N", YuGothic, "?q??ｿｽﾃｱ?M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif
	}
}

#hokepon-content article,
#hokepon-content aside,
#hokepon-content details,
#hokepon-content figcaption,
#hokepon-content figure,
#hokepon-content footer,
#hokepon-content header,
#hokepon-content hgroup,
#hokepon-content menu,
#hokepon-content nav,

#hokepon-content section {
	display: block
}

#hokepon-content ol,

#hokepon-content ul {
	list-style: none
}

#hokepon-content blockquote,

#hokepon-content q {
	quotes: none
}

#hokepon-content blockquote:before,
#hokepon-content blockquote:after,
#hokepon-content q:before,

#hokepon-content q:after {
	content: "";
	content: none
}


#hokepon-content table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px
}


#hokepon-content a {
	text-decoration: none;
	color: #000
}


#hokepon-content a.decoration {
	text-decoration: underline
}

#hokepon-content a.decoration:visited,
#hokepon-content a.decoration:focus,

#hokepon-content a.decoration:active {
	text-decoration: underline;
	outline: 0
}

#hokepon-content a:visited,
#hokepon-content a:focus,

#hokepon-content a:active {
	text-decoration: none;
	color: #000;
	outline: 0
}


#hokepon-content .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}


#hokepon-content * html .clearfix {
	zoom: 1
}


#hokepon-content *:first-child+html .clearfix {
	zoom: 1
}


#hokepon-content html {
	font-size: 62.5%
}


#hokepon-content body {
	font-size: 16px;
	color: #000;
	-webkit-text-size-adjust: 100%
}


#hokepon-content #wrap {
	font-size: 16px
}


#hokepon-content a {
	color: #000
}

#hokepon-content a:visited,
#hokepon-content a:focus,

#hokepon-content a:active {
	color: #000
}


#hokepon-content img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
	image-rendering: -webkit-optimize-contrast
}

@media only screen and (min-width: 751px) {

#hokepon-content .flL {
		float: left
	}


#hokepon-content .flR {
		float: right
	}


#hokepon-content .hoverOpacity {
		transition-property: opacity;
		transition-duration: 0.3s;
		transition-timing-function: ease;
		transition-delay: 0s
	}


#hokepon-content .hoverOpacity:hover {
		opacity: .8
	}


#hokepon-content .pcH {
		display: none !important
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .spTabH {
		display: none !important
	}
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .tabH {
		display: none !important
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .spH {
		display: none !important
	}
}


#hokepon-content .alignL {
	text-align: left
}


#hokepon-content .alignC {
	text-align: center
}


#hokepon-content .alignR {
	text-align: right
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .tabAlignL {
		text-align: left
	}


#hokepon-content .tabAlignC {
		text-align: center
	}


#hokepon-content .tabAlignR {
		text-align: right
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .spAlignL {
		text-align: left
	}


#hokepon-content .spAlignC {
		text-align: center
	}


#hokepon-content .spAlignR {
		text-align: right
	}
}


#hokepon-content .tabBox {
	width: 100%;
	display: none
}


#hokepon-content .tabBox.active {
	display: block
}

@media only screen and (max-width: 750px) {

#hokepon-content .spH {
		display: none !important
	}
}

#hokepon-content {
	--steel-blue: #4386d7;
	--orange: #ffb448;
	--black: #000
}

#hokepon-content .cp-view-more {
	width: 100%;
	height: auto;
	text-align: center;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
	display: block;
	position: relative;
	top: auto;
	bottom: 0;
	left: 0%;
	right: 0%
}

@media only screen and (max-width: 750px) {

#hokepon-content .cp-view-more {
		display: block;
		margin-bottom: 8vw
	}
}


#hokepon-content .cp-view-more-button {
	position: relative;
	display: inline-block;
	padding: 16px;
	width: 380px;
	background-color: #23c2a4;
	border-radius: 20vw;
	box-sizing: border-box;
	cursor: pointer
}

@media only screen and (max-width: 750px) {

#hokepon-content .cp-view-more-button {
		padding: 2.6666666667vw;
		width: 76vw
	}
}


#hokepon-content .cp-view-more-button.active .arrow {
	transform: scale(-1, -1) translateY(50%)
}

@media only screen and (max-width: 750px) {

#hokepon-content .cp-view-more-button.active .arrow {
		top: 32%
	}
}


#hokepon-content .cp-view-more-button .text {
	font-size: 18px;
	font-weight: bold;
	color: #fff
}

@media only screen and (max-width: 750px) {

#hokepon-content .cp-view-more-button .text {
		font-size: 3.7333333333vw
	}
}


#hokepon-content .cp-view-more-button .arrow {
	position: absolute;
	top: 40%;
	right: 20px;
	width: 15px;
	transition: .5s ease 0s
}

@media only screen and (max-width: 750px) {

#hokepon-content .cp-view-more-button .arrow {
		top: 42%;
		right: 4vw;
		width: 2.6666666667vw
	}
}


#hokepon-content .paragraph-2 {
	margin-top: 2vw;
	margin-bottom: 2vw;
	font-size: 1vw;
	line-height: 1.2vw;
	text-align: left
}


#hokepon-content .after {
	margin-left: auto;
	margin-right: auto;
	display: none;
	position: relative
}



#hokepon-content .text-13 {
	color: #fff;
	margin-top: 0;
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	position: static;
	top: auto;
	left: auto
}


#hokepon-content .text-13-copy {
	color: #fff;
	margin-top: 0;
	margin-bottom: auto;
	margin-left: 2vw;
	font-size: 1.4vw;
	font-weight: 600;
	line-height: 3vw;
	display: inline-block;
	position: static;
	top: auto;
	left: auto
}


#hokepon-content .image-10 {
	width: auto !important;
	height: .9027777778vw;
	max-width: none
}



#hokepon-content .image-52 {
	width: auto !important;
	height: 1vw;
	max-width: none;
	margin-top: 1.1vw;
	margin-right: 1.3vw
}



#hokepon-content .campaign-wrap {
	padding: 40px 0 75px
}


#hokepon-content .section {
	width: 100%;
	box-sizing: border-box
}


#hokepon-content .inner {
	margin: 0 auto;
	width: 90%;
	max-width: 1024px
}



#hokepon-content body {
	font-style: normal;
	line-height: 20px;
	color: #333
}


#hokepon-content body img {
	width: 100%
}

@media only screen and (max-width: 750px) {

#hokepon-content body.menu-open {
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%
	}
}

@media only screen and (min-width: 751px) {

#hokepon-content .hoverOpacity {
		transition: .3s ease 0s
	}


#hokepon-content .hoverOpacity:hover {
		opacity: .8
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .pc-only {
		display: none !important
	}
.consultation-floatbtn_area .hokepon-floating .pc-only {
		display: none !important
	}
}


#hokepon-content .mobile-only {
	display: none
}
.consultation-floatbtn_area .hokepon-floating .mobile-only {
		display: none
	}

@media only screen and (max-width: 750px) {

#hokepon-content .mobile-only {
		display: block
	}
.consultation-floatbtn_area .hokepon-floating .mobile-only {
		display: block
	}
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .tablet-only {
		display: block
	}
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .tablet-hidden {
		display: none
	}
}


#hokepon-content .btns-wrap {
	display: flex;
	justify-content: center
}

@media only screen and (max-width: 750px) {

#hokepon-content .btns-wrap {
		display: block
	}
}


#hokepon-content .btns-wrap .btn {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 460px;
	height: 65px;
	font-size: 24px;
	border-radius: 50px
}

@media only screen and (min-width: 751px) {

#hokepon-content .btns-wrap .btn {
		transition: .3s ease 0s
	}


#hokepon-content .btns-wrap .btn:hover {
		opacity: .8
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .btns-wrap .btn {
		margin: 0 auto;
		width: 84vw;
		height: 13.3333333333vw;
		font-size: 5.0666666667vw;
		border-radius: 10.6666666667vw
	}
}

@media only screen and (min-width: 751px) {

#hokepon-content .btns-wrap .btn .mintext {
		display: block
	}
}


#hokepon-content .btns-wrap .btn .mintext:first-of-type {
	color: #28d;
	font-size: 12px
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .btns-wrap .btn .mintext {
		margin-bottom: 5px;
		font-size: 14px
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .btns-wrap .btn .mintext {
		font-weight: 500;
		font-size: 2.9333333333vw;
		line-height: 1.3;
		padding-bottom: 1.3333333333vw
	}
}

#hokepon-content .btns-wrap .btn .icon-img,

#hokepon-content .btns-wrap .btn .arrow-img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}


#hokepon-content .btns-wrap .btn .icon-img {
	left: 10px;
	width: 45px;
	height: 45px
}

@media only screen and (max-width: 750px) {

#hokepon-content .btns-wrap .btn .icon-img {
		left: 1.8666666667vw;
		width: 9.6vw;
		height: 9.6vw
	}
}


#hokepon-content .btns-wrap .btn .arrow-img {
	right: 20px;
	width: 11px;
	height: 18px
}

@media only screen and (max-width: 750px) {

#hokepon-content .btns-wrap .btn .arrow-img {
		right: 5.3333333333vw;
		width: 2.4vw;
		height: 3.7333333333vw
	}
}


#hokepon-content .btns-wrap .btn.orange-grad-btn {
	color: #28d;
	border: 3px solid #2288dc;
	background: #fff;
	padding: 2px;
	line-height: 1.5;
	box-shadow: 0 6px 0 0 #151282
}

@media only screen and (max-width: 750px) {

#hokepon-content .btns-wrap .btn.orange-grad-btn {
		box-shadow: 0 1.0666666667vw 0 0 #151282
	}
}


#hokepon-content .btns-wrap .btn.grad-blue-btn {
	color: #fff;
	background: #ffa125;
	background: linear-gradient(90deg, rgb(255, 161, 37) 0%, rgb(246, 100, 3) 100%);
	padding: 5px;
	line-height: 1.5
}


#hokepon-content .btns-wrap .btn.grad-blue-btn>.mintext {
	color: #fff
}


#hokepon-content .btns-wrap .btn.bg-white-btn {
	color: #fff;
	background: #ffa125;
	background: linear-gradient(90deg, rgb(255, 161, 37) 0%, rgb(246, 100, 3) 100%);
	background-color: #fff
}


#hokepon-content .btns-wrap .btn.bd-white-btn {
	color: #fff;
	border: 1px solid #fff
}

@media only screen and (max-width: 750px) {

#hokepon-content .btns-wrap .btn.bd-white-btn {
		margin-top: 5.3vw
	}
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn+.btn {
	margin-left: 20px
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn+.btn {
		margin: 5.3333333333vw auto 0;
		width: 84vw
	}
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 460px;
	height: 65px;
	font-size: 24px;
	border-radius: 50px;
	text-decoration: none;
	margin: 0 auto;
}

@media only screen and (min-width: 751px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn {
		transition: .3s ease 0s
	}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn:hover {
		opacity: .8
	}
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn {
		margin: 0 auto;
		width: 100%;
		height: 9.6vw;
		font-size: 3.4666666667vw;
		border-radius: 10.6666666667vw
	}
}

@media only screen and (min-width: 751px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .mintext {
		display: block
	}
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .mintext:first-of-type {
	color: #28d;
	font-size: 12px
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .mintext {
		margin-bottom: 5px;
		font-size: 14px
	}
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .mintext {
		font-weight: 500;
		font-size: 2.9333333333vw;
		line-height: 1.3;
		padding-bottom: 1.3333333333vw
	}
}

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .icon-img,

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .arrow-img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .icon-img {
	left: 10px;
	width: 45px;
	height: 45px
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .icon-img {
		left: 1.8666666667vw;
		width: 6.4vw;
		height: 6.4vw;
	}
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .arrow-img {
	right: 20px;
	width: 11px;
	height: 18px
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn .arrow-img {
		width: 1.6vw;
		height: 2.4vw;
		right: 3.3vw;
	}
}
.consultation-floatbtn_area {
	height: 105px;
}
@media only screen and (max-width: 750px) {

	.consultation-floatbtn_area {
		height: calc(9.6vw + 2.6666666667vw + 2.6666666667vw);
	}
}

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn.orange-grad-btn {
	color: #28d;
	border: 3px solid #2288dc;
	background: #fff;
	padding: 2px;
	line-height: 1.5;
	box-shadow: 0 6px 0 0 #151282
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn.orange-grad-btn {
		box-shadow: 0 1.0666666667vw 0 0 #151282
	}
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn.grad-blue-btn {
	color: #fff;
	background: #ffa125;
	background: linear-gradient(90deg, rgb(255, 161, 37) 0%, rgb(246, 100, 3) 100%);
	padding: 5px;
	line-height: 1.5
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn.grad-blue-btn>.mintext {
	color: #fff
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn.bg-white-btn {
	color: #fff;
	background: #ffa125;
	background: linear-gradient(90deg, rgb(255, 161, 37) 0%, rgb(246, 100, 3) 100%);
	background-color: #fff
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn.bd-white-btn {
	color: #fff;
	border: 1px solid #fff
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn.bd-white-btn {
		margin-top: 5.3vw
	}
}


#hokepon-content .btns-wrap .btn+.btn {
	margin-left: 20px
}

@media only screen and (max-width: 750px) {

#hokepon-content .btns-wrap .btn+.btn {
		margin: 5.3333333333vw auto 0;
		width: 84vw
	}
}
#hokepon-content .fukidashiWrap {
	margin-bottom: 10px;
	width: 100%;
	text-align: center
}

@media only screen and (max-width: 750px) {

#hokepon-content .fukidashiWrap {
		margin-bottom: 2.6666666667vw
	}
}


#hokepon-content .fukidashiWrap.color-white .text {
	color: #1d394f
}

#hokepon-content .fukidashiWrap.color-white .text::before,

#hokepon-content .fukidashiWrap.color-white .text::after {
	background-color: #1d394f
}

@media only screen and (max-width: 750px) {

	#hokepon-content .fukidashiWrap.color-white .text::before,

#hokepon-content .fukidashiWrap.color-white .text::after {
		bottom: 0
	}
}


#hokepon-content .fukidashiWrap .text {
	position: relative;
	padding: 0 15px;
	display: inline-block;
	font-size: 26.5px;
	font-weight: normal;
	padding-bottom: 10px;
	font-weight: bold
}

@media only screen and (max-width: 750px) {

#hokepon-content .fukidashiWrap .text {
		padding: 0 4vw;
		font-size: 4.8vw
	}
}

#hokepon-content .fukidashiWrap .text::before,

#hokepon-content .fukidashiWrap .text::after {
	content: "";
	position: absolute;
	bottom: 5px;
	width: 1px;
	height: 1.1111111111em;
	background-color: #333
}

@media only screen and (max-width: 750px) {

	#hokepon-content .fukidashiWrap .text::before,

#hokepon-content .fukidashiWrap .text::after {
		bottom: -1.3333333333vw
	}
}


#hokepon-content .fukidashiWrap .text::before {
	left: 0;
	transform: rotate(-30deg)
}


#hokepon-content .fukidashiWrap .text::after {
	right: 0;
	transform: rotate(30deg)
}


#hokepon-content .fukidashiWrap .text span {
	font-size: 26.5px;
	font-weight: bold;
	color: #28d;
	border-bottom: 3px solid #ff0
}

@media only screen and (max-width: 750px) {

#hokepon-content .fukidashiWrap .text span {
		font-size: 4.8vw
	}
}


#hokepon-content .header {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: calc(100vw - (100vw - 100%));
	height: 105px;
	box-sizing: border-box;
	font-weight: 600
}

@media only screen and (min-width: 751px) {

#hokepon-content .header {
		padding-right: 20px;
		justify-content: space-between;
		transition: background-color .3s ease 0s;
		background-color: #fff
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .header {
		position: absolute;
		height: 17vw
	}
}

@media only screen and (min-width: 751px) {

#hokepon-content .header.active {
		background-color: #fff
	}
}


#hokepon-content .header .logo-box {
	margin-left: 5vw;
	display: block
}


#hokepon-content .header .logo {
	width: 18.75vw;
	max-width: 270px
}

@media only screen and (max-width: 750px) {

#hokepon-content .header .logo {
		width: 59.7333333333vw
	}
}


#hokepon-content .header-nav {
	padding-top: 50px
}


#hokepon-content .header-nav * {
	color: #fff
}


#hokepon-content .header-nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none
}


#hokepon-content .header-nav a {
	font-size: min(0.9722222222vw, 14px)
}

@media only screen and (min-width: 751px) {

#hokepon-content .header-nav a {
		transition: .3s ease 0s
	}


#hokepon-content .header-nav a:hover {
		opacity: .5
	}
}


#hokepon-content .header-nav .minNav {
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-end
}


#hokepon-content .header-nav .minNav li+li {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #000
}


#hokepon-content .header-nav .minNav a {
	font-size: 13px;
	color: #000
}


#hokepon-content .header-nav .nav li a {
	color: #000
}


#hokepon-content .header-nav .nav li+li {
	margin-left: 25px
}


#hokepon-content .header-nav .nav li.havChildLink {
	position: relative
}


#hokepon-content .header-nav .nav li.havChildLink>a {
	position: relative;
	padding-right: 1.0666666667em
}


#hokepon-content .header-nav .nav li.havChildLink>a::before {
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	width: .4em;
	height: .4em;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg) translateY(-50%)
}


#hokepon-content .header-nav .childLinkWrap {
	position: absolute;
	top: 30px;
	left: 0;
	display: none
}


#hokepon-content .header-nav .childLinkWrap ul {
	padding: 20px 30px;
	display: block;
	width: 200px;
	border-radius: 10px;
	background-color: #fff
}


#hokepon-content .header-nav .childLinkWrap ul li+li {
	margin: 15px 0 0
}


#hokepon-content .header-nav .childLinkWrap ul a {
	color: #333
}


#hokepon-content .main {
	margin-top: -90px
}

@media only screen and (max-width: 750px) {

#hokepon-content .main {
		margin-top: -17vw
	}
}


#hokepon-content .FV {
	padding-top: 30px;
	overflow: hidden
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV {
		padding-top: 10vw
	}
}


#hokepon-content .FV .FV-contentWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(1200px, 100%);
	margin: 0 auto
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV .FV-contentWrap {
		width: auto;
		display: block
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV .FV-btns-wrap .btns-wrap {
		display: flex;
		flex-direction: column;
		gap: 5.3vw 0
	}
}


#hokepon-content .FV .FV-btns-wrap .btns-wrap .btn {
	box-shadow: 0 6px 0 0 #151282;
	font-weight: bold
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV .FV-btns-wrap .btns-wrap .btn {
		box-shadow: 0 1.0666666667vw 0 0 #151282
	}
}


#hokepon-content .FV .FV-btns-wrap .btns-wrap .btn:last-of-type {
	box-shadow: 0 6px 0 0 #825112
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV .FV-btns-wrap .btns-wrap .btn:last-of-type {
		box-shadow: 0 1.0666666667vw 0 0 #825112;
		margin: 0 auto;
		width: 84vw
	}
}


#hokepon-content .FV-img-wrap {
	width: 51vw
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-img-wrap {
		width: 100%;
		margin: 6.6666666667vw 0;
		overflow: hidden
	}
}


#hokepon-content .FV-img-wrap .FV-img {
	width: 100%;
	top: 85px
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-img-wrap .FV-img {
		width: 100%;
		display: block
	}
}


#hokepon-content .content-wrap .SP-FV {
	display: none
}

@media only screen and (max-width: 750px) {

#hokepon-content .content-wrap .SP-FV {
		position: absolute;
		display: grid;
		gap: 1.0416666667vw;
		top: 17vh;
		left: 5vw
	}
}


#hokepon-content .FV-content {
	text-align: center;
	bottom: 20px;
	left: 0;
	width: 100%
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-content {
		width: 93.3333333333vw;
		margin: 0 auto
	}
}


#hokepon-content .FV-catch-copy {
	position: relative;
	display: inline-block;
	color: #fff
}

@media only screen and (min-width: 751px) {

#hokepon-content .FV-catch-copy {
		text-align: center
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy {
		width: 100%;
		margin-bottom: 2.6666666667vw
	}
}


#hokepon-content .FV-catch-copy .title {
	color: #000;
	text-align: left;
	font-size: min(2.3vw, 33px);
	font-weight: bold;
	margin-top: 20px
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .title {
		text-align: center;
		font-size: 6.6666666667vw;
		margin-top: 1.3333333333vw;
		font-feature-settings: "palt"
	}
}


#hokepon-content .FV-catch-copy .pcH {
	display: block;
	width: auto;
	height: 12vw
}


#hokepon-content .FV-catch-copy .FV-flex {
	text-align: left
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex {
		text-align: center;
		display: block
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex .FV-achievement-wrap {
		text-align: left
	}
}

@media only screen and (min-width: 751px) {

#hokepon-content .FV-catch-copy .FV-flex .FV-achievement-wrap {
		max-width: 455px;
		gap: 20px;
		display: flex;
		justify-content: left;
		margin-top: 45px
	}
}


#hokepon-content .FV-catch-copy .FV-flex .FV-achievement-wrap img {
	height: 85px;
	width: auto
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex .FV-achievement-wrap img {
		display: none
	}
}


#hokepon-content .FV-catch-copy .FV-flex .FV-achievement-wrap img.pc-only {
	margin-left: 10px;
	width: 129px
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex .FV-achievement-wrap .SP-img {
		display: none
	}
}


#hokepon-content .FV-catch-copy .FV-flex .ballonbox {
	display: flex
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex .ballonbox {
		justify-content: space-around
	}
}


#hokepon-content .FV-catch-copy .FV-flex .ballonbox .balloon {
	background-image: url("/insurance/images/hokepon/hokepon_im04.webp");
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	width: 265px;
	padding: 22px 18px 33px 20px
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex .ballonbox .balloon {
		padding: 3.4666666667vw 2.6666666667vw 5.3333333333vw 2.6666666667vw;
		margin-bottom: 1.3333333333vw;
		width: 44vw;
		left: 5vw;
		top: -25vw
	}
}


#hokepon-content .FV-catch-copy .FV-flex .ballonbox .balloon .maintitle {
	text-align: center;
	font-size: 24px
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex .ballonbox .balloon .maintitle {
		font-size: 4vw
	}
}


#hokepon-content .FV-catch-copy .FV-flex .ballonbox .balloon .maintitle .min {
	font-size: 17px
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex .ballonbox .balloon .maintitle .min {
		font-size: 2.6666666667vw
	}
}


#hokepon-content .FV-catch-copy .FV-flex .main_ttl {
	margin: 30px auto 0;
}

@media only screen and (min-width: 751px) {

#hokepon-content .FV-catch-copy .FV-flex .main_ttl {
		max-width: 530px;
	}
}
@media only screen and (max-width: 750px) {

#hokepon-content .FV-catch-copy .FV-flex .main_ttl {
		margin: 5.3333333333vw auto 0;
		width: 85.3333333333vw
	}
}


#hokepon-content .FV-btns-wrap {
	margin: 40px 0 80px 0;
	display: block
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-btns-wrap {
		margin: 2.6666666667vw 0 14.6666666667vw;
		width: 100vw
	}
}


#hokepon-content .FV-btns-wrap * {
	position: relative
}


#hokepon-content .FV-to-campaign {
	margin: 25px auto 0;
	display: block
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-to-campaign {
		margin-top: 5.3333333333vw
	}
}


#hokepon-content .FV-to-campaign .text {
	font-size: 22px;
	text-align: center;
	color: #fff;
	padding-bottom: 10px
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-to-campaign .text {
		padding-bottom: 0;
		font-size: 4vw
	}
}


#hokepon-content .FV-to-campaign .arrow-img {
	width: 17px
}

@media only screen and (max-width: 750px) {

#hokepon-content .FV-to-campaign .arrow-img {
		display: none
	}
}


#hokepon-content .shopmap2-sec {
	background-color: #eef9ff
}

@media only screen and (min-width: 751px) {

#hokepon-content .shopmap2-sec {
		padding-top: 40px;
		background-image: url("../images/bg_shopmap2_pc.webp");
		background-size: 100%;
		background-position: center bottom;
		background-repeat: no-repeat
	}
}


#hokepon-content .shopmap2-sec .w-container {
	margin: 0 auto;
	max-width: 1024px;
	width: 85%
}

@media only screen and (max-width: 750px) {

#hokepon-content .shopmap2-sec .w-container {
		width: auto
	}
}


#hokepon-content .shopmap2-box {
	position: relative
}

@media only screen and (min-width: 751px) {

#hokepon-content .shopmap2-box {
		display: flex;
		flex-direction: row-reverse
	}
}


#hokepon-content .shopmap2-text-box {
	margin-left: auto;
	text-align: center;
	box-sizing: border-box
}

@media only screen and (max-width: 750px) {

#hokepon-content .shopmap2-text-box {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		width: 100%;
		height: 100%
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .shopmap2-text-box {
		padding-top: 5.3333333333vw
	}
}


#hokepon-content .shopmap2-text-box .btns-wrap {
	margin-top: 30px
}


#hokepon-content .shopmap2-text-box .btns-wrap .cta_inquiry {
	background: #fff;
	font-weight: bold;
	box-shadow: 0 6px 0 0 #151282
}

@media only screen and (max-width: 750px) {

#hokepon-content .shopmap2-text-box .btns-wrap .cta_inquiry {
		box-shadow: 0 1.0666666667vw 0 0 #151282
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .shopmap2-text-box .btns-wrap {
		position: absolute;
		bottom: 8vw;
		left: 50%;
		margin-top: 0;
		transform: translateX(-50%)
	}
}


#hokepon-content .shop-map2-title {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.4
}

@media only screen and (max-width: 750px) {

#hokepon-content .shop-map2-title {
		font-size: 6.1333333333vw
	}
}


#hokepon-content .shop-map2-title span {
	font-size: min(3.4722222222vw, 50px);
	color: #3793e7;
	border-bottom: 4px solid #ff0
}

@media only screen and (max-width: 750px) {

#hokepon-content .shop-map2-title span {
		font-size: 8vw
	}
}


#hokepon-content .conversion {
	position: relative
}


#hokepon-content .conversion-content {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	transform: translateY(-50%)
}


#hokepon-content .conversion-content .fukidashiWrap .text span {
	font-size: 18px;
	color: #3793e7
}

@media only screen and (max-width: 750px) {

#hokepon-content .conversion-content .fukidashiWrap .text span {
		font-size: 4.8vw
	}
}


#hokepon-content .conversion-images {
	width: 100%
}


#hokepon-content .conversion-images img {
	width: 100%;
	height: auto
}


#hokepon-content .conversion .btns-wrap {
	margin-top: 25px;
	flex-wrap: wrap
}

@media only screen and (max-width: 750px) {

#hokepon-content .conversion .btns-wrap {
		display: flex;
		flex-direction: column;
		gap: 5.3vw 0;
		margin-top: 2.6666666667vw
	}
}


#hokepon-content .conversion .btns-wrap .btn {
	font-weight: bold
}


#hokepon-content .conversion .btns-wrap .btn.cta_inquiry {
	background: #fff;
	font-weight: bold;
	box-shadow: 0 6px 0 0 #151282
}

@media only screen and (max-width: 750px) {

#hokepon-content .conversion .btns-wrap .btn.cta_inquiry {
		box-shadow: 0 1.0666666667vw 0 0 #151282
	}
}


#hokepon-content .conversion .btns-wrap .btn.cta_web {
	font-weight: bold;
	box-shadow: 0 6px 0 0 #825112
}

@media only screen and (max-width: 750px) {

#hokepon-content .conversion .btns-wrap .btn.cta_web {
		box-shadow: 0 1.0666666667vw 0 0 #825112;
		margin: 0 auto;
		width: 84vw
	}
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .conversion .btns-wrap .btn+.btn {
		margin: 0 auto
	}
}


#hokepon-content .conversion .conversion-content .fukidashiWrap .text {
	font-size: 26.5px;
	font-weight: bold;
	padding-bottom: 0;
	letter-spacing: .04em;
	font-feature-settings: "palt"
}

@media only screen and (max-width: 750px) {

#hokepon-content .conversion .conversion-content .fukidashiWrap .text {
		font-size: 4.2666666667vw
	}
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .conversion .conversion-content .fukidashiWrap .text {
		font-size: 4vw
	}
}


#hokepon-content .conversion .conversion-content .fukidashiWrap .text::before {
	bottom: -10px
}

@media only screen and (max-width: 750px) {

#hokepon-content .conversion .conversion-content .fukidashiWrap .text::before {
		left: 2vw;
		bottom: 0
	}
}


#hokepon-content .conversion .conversion-content .fukidashiWrap .text::after {
	bottom: -10px
}

@media only screen and (max-width: 750px) {

#hokepon-content .conversion .conversion-content .fukidashiWrap .text::after {
		right: 2.1333333333vw;
		bottom: 0
	}
}


#hokepon-content .conversion .conversion-content .fukidashiWrap .text span {
	font-size: 26.5px;
	border-bottom: 3px solid #ff0
}

@media only screen and (max-width: 750px) {

#hokepon-content .conversion .conversion-content .fukidashiWrap .text span {
		font-size: 4.2666666667vw
	}
}


#hokepon-content .footer {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: -50px;
	background-color: #3793e7
}


@media only screen and (max-width: 750px) {

#hokepon-content .footer {
		padding-bottom: 30px;
		margin-bottom: 0;
	}
}


#hokepon-content .footer * {
	color: #fff
}


#hokepon-content .footer-logo {
	margin: 0 auto;
	width: 175px
}

@media only screen and (max-width: 750px) {

#hokepon-content .footer-logo {
		width: 46.6666666667vw
	}
}


#hokepon-content .footer-paragraph {
	width: 90%;
	text-align: center;
	margin-top: 2vw;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2vw;
	line-height: 1.5vw
}

@media only screen and (min-width: 751px) {

#hokepon-content .footer-paragraph {
		margin-top: 20px
	}
}


#hokepon-content .footer-paragraph .paragraph-39 {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.7142857143
}

@media only screen and (max-width: 750px) {

#hokepon-content .footer-paragraph .paragraph-39 {
		font-size: 3.2vw
	}
}


#hokepon-content .footer-paragraph .paragraph-info {
	margin-top: 25px;
	font-size: 14px
}

@media only screen and (max-width: 750px) {

#hokepon-content .footer-paragraph .paragraph-info {
		margin-top: 6.6666666667vw;
		font-size: 3.7333333333vw
	}
}


#hokepon-content .footer-paragraph .paragraph-copy {
	margin-top: 25px
}

@media only screen and (max-width: 750px) {

#hokepon-content .footer-paragraph .paragraph-copy {
		margin-top: 2.6666666667vw
	}
}


#hokepon-content .footer-logo {
	width: 200px
}


.consultation-floatbtn_area .hokepon-floating {
	z-index: 8;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 15px;
	width: 100vw;
	background-color: #fff;
	box-shadow: 0 -4px 4px rgba(0, 0, 0, .08);
	box-sizing: border-box;
	transition: bottom .3s ease-in-out
}



@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating {
		padding: 2.6666666667vw 4vw 2.6666666667vw 2.6666666667vw;
	}
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap {
		padding-bottom: 2vw;
		width: 100%
	}
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap {
		width: 100%;
		display: flex;
		align-items: center
	}
}

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn:last-of-type {
	box-shadow: 0 6px 0 0 #825112;
	font-weight: bold
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .btns-wrap .btn:last-of-type {
		box-shadow: 0 1.0666666667vw 0 0 #825112;
		background: linear-gradient(90deg, rgb(255, 161, 37) 0%, rgb(246, 100, 3) 100%);
		color: #fff;
		border: none
	}
}




.consultation-floatbtn_area .hokepon-floating .btns-wrap .cta_web {
	color: #fff;
	margin-top: 0;
	background: #3793e7;
	padding: 2px
}


.consultation-floatbtn_area .hokepon-floating .btns-wrap .cta_web .arrow-img {
	color: #fff
}


.consultation-floatbtn_area .hokepon-floating .icon-link-wrap {
	display: flex;
	align-items: center;
	margin-left: 3px
}

@media only screen and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .icon-link-wrap {
		flex: none
	}
}


.consultation-floatbtn_area .hokepon-floating .icon-link img {
	width: 5.8666666667vw;
	height: auto
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .icon-link img {
		width: 30px
	}
}


.consultation-floatbtn_area .hokepon-floating .icon-link .text {
	margin: 0;
	font-size: 2.6666666667vw;
	font-weight: bold;
	letter-spacing: .125em;
	color: #28d
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

.consultation-floatbtn_area .hokepon-floating .icon-link .text {
		font-size: 13px
	}
}


.consultation-floatbtn_area .hokepon-floating .icon-link:last-of-type {
	text-align: center;
	margin: 0;
	padding: 0;
	padding-left: 2.6666666667vw;
	border-left: 1px dashed #3793e7
}

#hokepon-content #phone .mintext {
	color: #fff
}


#hokepon-content #review {
	padding-top: 70px;
	background-color: #f3f5f6;
	overflow: hidden
}

@media only screen and (max-width: 750px) {

#hokepon-content #review {
		padding-top: 8vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .shop-map2-title {
	margin: 0 30px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .shop-map2-title {
		margin: 0 5.3333333333vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .shop-map2-title .text-20 {
	line-height: 1.5;
	font-size: 38px;
	font-feature-settings: "palt";
	text-align: center
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .shop-map2-title .text-20 {
		font-size: 6.4vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .shop-map2-title .text-20 span {
	font-size: 54px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .shop-map2-title .text-20 span {
		font-size: 8vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .shop-map2-title .text-20 span .min {
	font-size: 38px;
	border-bottom: none
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .shop-map2-title .text-20 span .min {
		font-size: 6.4vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .swiper-img {
	width: 62.2222222222vw;
	max-width: 896px;
	margin: 0 auto
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .swiper-img {
		display: none
	}
}


#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .swiper-sp-img {
	display: none
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .swipertitleimageWrap .swiper-sp-img {
		margin: 0 auto;
		display: block;
		width: 84vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap {
	position: relative;
	margin-top: 65px;
	padding-bottom: 60px
}

@media screen and (min-width: 2200px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap.inner {
		max-width: 1024px
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap {
		margin-top: 10.6666666667vw;
		padding-bottom: 10.6666666667vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap::before {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 50%;
	border-style: solid;
	border-color: #f3f5f6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-width: 41px 50px 0px 50px;
	transform: translateX(-50%)
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap::before {
		bottom: -5.3333333333vw;
		border-width: 6.9333333333vw 8.2666666667vw 0px 8.2666666667vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries {
	position: relative
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .maintitleWrap {
	margin: 0 auto
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .maintitleWrap {
		width: 80.5333333333vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .maintitleWrap .maintitle .text-20 {
	text-align: center
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .maintitleWrap .maintitle .worries-img {
	display: block
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .maintitleWrap .maintitle .worries-img {
		display: none
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .maintitleWrap .maintitle .worries-sp-img {
	display: none
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .maintitleWrap .maintitle .worries-sp-img {
		display: block;
		width: 80vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox {
	margin-top: 25px;
	display: flex
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox {
		margin-top: 6.6666666667vw;
		display: block
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox {
		display: block
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box {
	display: flex;
	position: relative
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box {
		width: 100%
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .worriesimageWrap .worries-img {
	width: 12.7083333333vw;
	max-width: 183px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .worriesimageWrap .worries-img {
		width: 42.6666666667vw;
		max-width: none
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox {
	margin-top: 13px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox {
		margin-top: 2.6666666667vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .bubbleWrap {
	display: flex;
	align-items: center;
	gap: 10px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .bubbleWrap {
		gap: 2.6666666667vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .bubbleWrap .bottom_arrow {
	display: inline-block;
	vertical-align: bottom;
	color: #fe8100;
	line-height: 1;
	width: 1em;
	height: 1em;
	border: .3em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(135deg)
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .bubbleWrap .bubbletext {
	border-radius: 5px;
	background-color: #9ccae0;
	padding: 5px 7px;
	font-size: 16px;
	color: #fff
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .bubbleWrap .bubbletext {
		border-radius: 1.3333333333vw;
		padding: 1.3333333333vw 1.8666666667vw;
		font-size: 3.7333333333vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .bubbleWrap .bubbletext .text {
	color: #fff
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .worriestextWrap {
	z-index: 2;
	position: relative;
	margin-top: 10px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .worriestextWrap {
		margin-top: 2.6666666667vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .worriestextWrap .worriestext {
	text-align: center
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .worriestextWrap .worriestext .text {
	text-align: left;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: .04em
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .worriestextWrap .worriestext .text {
		text-align: center;
		font-size: 4.8vw;
		line-height: 1.3888888889
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box .bubblebox .worriestextWrap .worriestext .text span {
	text-align: right
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(odd) .bubblebox .worriestextWrap {
	margin-left: -70px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(odd) .bubblebox .worriestextWrap {
		margin-left: -18.6666666667vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(even) {
	justify-content: flex-end
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(even) .bubblebox .bubbleWrap {
	margin-right: 10px;
	justify-content: flex-end
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(even) .bubblebox .bubbleWrap {
		margin-right: 2.6666666667vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(even) .bubblebox .worriestextWrap {
	margin-right: -55px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(even) .bubblebox .worriestextWrap {
		margin-right: -14.6666666667vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:first-of-type {
	margin-top: 40px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:first-of-type {
		margin-top: 0
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(2) {
	margin: 0 auto
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(2) {
		margin-top: 2.6666666667vw;
		margin-right: 0
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(3) {
	position: absolute;
	bottom: 40px;
	left: 180px
}
@media only screen and (max-width: 940px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(3) {
	bottom: 20px;
	left: 92px
	}
}
@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(3) {
		position: relative;
		bottom: 0;
		left: 0;
		margin-top: 4vw
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(4) {
	margin-top: 80px;
	margin-left: -10px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(4) {
		margin-top: 2.6666666667vw;
		margin-left: 0
	}
}


#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(5) {
	margin-left: auto;
	margin-right: 80px
}

@media only screen and (max-width: 750px) {

#hokepon-content #review .reviewWrap .reviewinner .worriesWrap .worries .worriesbox .worriesleftbox .box:nth-of-type(5) {
		margin-top: 4vw;
		margin-right: 0
	}
}


#hokepon-content .slide-container .swiper-container {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding-bottom: 20px
}

@media only screen and (min-width: 751px) {

#hokepon-content .slide-container .swiper-container {
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 1480px;
		padding-bottom: 1.3888888889vw
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .slide-container .swiper-container {
		max-width: none
	}
}


#hokepon-content .slide-container .swiper-container .swiper-slide {
	background-color: #fff;
	max-height: 600px !important
}

@media only screen and (max-width: 750px) {

#hokepon-content .slide-container .swiper-container .swiper-slide {
		max-width: none;
		width: 80vw;
	}
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .slide-container .swiper-container .swiper-slide {
		max-height: none !important
	}
}

@media only screen and (min-width: 751px) {

#hokepon-content .slide-container .swiper-container .swiper-slide {
		width: 259.7402597403vw;
		max-width: 462px
	}
}


#hokepon-content .slide-container .swiper-container .swiper-slide:last-of-type {
	margin-right: 0
}

@media screen and (min-width: 2200px) {

#hokepon-content .slide-container .swiper-container .swiper-slide .imageWrap {
		overflow: hidden;
		max-height: 16vw
	}
}

@media screen and (min-width: 2200px) {

#hokepon-content .slide-container .swiper-container .swiper-slide .imageWrap img {
		width: 100%;
		height: 100%
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .slide-container .swiper-container .swiper-slide .slider-caption {
		font-size: 2.6666666667vw
	}
}


#hokepon-content .swiper-wrapper {
	transition-timing-function: ease;
	border-color: #fff;
	border-radius: 5px
}
#hokepon-content .swiper-wrapper.is-change {
	display: flex;
}
@media only screen and (max-width: 750px) {

#hokepon-content .swiper-wrapper .slick-list {
		padding-left: 0;
	}
}

#hokepon-content .swiper-slide {
	width: 31.5972222222vw;
	position: relative;
	height: auto
}

@media only screen and (max-width: 750px) {

#hokepon-content .swiper-wrapper .swiper-slide {
  width: 80% !important;
}

}


#hokepon-content .swiper-slide img {
	width: 100%;
	aspect-ratio: 410/240;
	object-fit: cover;
	border-radius: 5px
}


#hokepon-content .swiper-slide .slider-caption {
	line-height: 1.5;
	padding: 15px 20px;
	font-size: 18px;
	display: flex;
	text-align: justify
}

@media only screen and (max-width: 750px) {

#hokepon-content .swiper-slide .slider-caption {
		height: auto;
		padding: 2.6666666667vw 0;
		font-size: 3.4666666667vw;
		letter-spacing: .04em;
		font-weight: 500
	}
}


#hokepon-content .swiper-slide {
	max-height: 500px;
	margin-top: 35px;
	margin-right: min(1.0416666667vw, 15px);
	padding: 10px 10px 25px 10px;
	background-color: #fff;
	border-radius: 5px
}

@media only screen and (max-width: 750px) {

#hokepon-content .swiper-slide {
		margin: 9.3333333333vw 1.4666666667vw 0
	}
}

@media only screen and (min-width: 768px)and (max-width: 750px) {

#hokepon-content .swiper-slide {
		max-height: 86.6666666667vw;
		margin: 4.6666666667vw 2vw 0
	}
}

@media screen and (min-width: 2200px) {

#hokepon-content .swiper-slide {
		max-width: 700px
	}
}

@media screen and (min-width: 2200px) {

#hokepon-content .swiper-slide .imageWrap {
		overflow: hidden;
		max-height: 16vw
	}
}

@media screen and (min-width: 2200px) {

#hokepon-content .swiper-slide .imageWrap img {
		width: 100%;
		height: 100%
	}
}


#hokepon-content .swiper-navigation {
	position: relative;
	margin-top: 40px;
	display: flex;
	gap: 65px;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 750px) {

#hokepon-content .swiper-navigation {
		margin: 10.6666666667vw auto 0;
		padding: 0;
		width: 90%;
		justify-content: space-between;
	}
}


#hokepon-content .swiper-navigation .swiper-pagination {
	position: relative;
	width: fit-content;
}


#hokepon-content .swiper-navigation .swiper-pagination .swiper-pagination-bullet {
	background-color: #d9d9d9;
	opacity: .6;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 0 10px;
	transition: background-color .3s, opacity .3s
}

@media only screen and (max-width: 750px) {

#hokepon-content .swiper-navigation .swiper-pagination .swiper-pagination-bullet {
		width: 2.6666666667vw;
		height: 2.6666666667vw;
		margin: 0 1.6vw
	}
}


#hokepon-content .swiper-navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fe8100;
	opacity: 1
}


#hokepon-content .swiper-button-prev,
#hokepon-content .swiper-button-next {
	display: block;
	position: relative;
	background-color: #fe8100;
	align-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
}
#hokepon-content .swiper-button-prev::before,
#hokepon-content .swiper-button-next::before {
	content: '';
	position: absolute;
	top: 50%;
	width: 15px;
	height: 29px;
	background: url(/insurance/images/hokepon/hokepon_ic03.webp) no-repeat 0 0 / contain;
}
#hokepon-content .swiper-button-prev::before {
	right: 0;
	transform: translate(-17px, -50%) rotate(180deg);
}
#hokepon-content .swiper-button-next::before {
	left: 0;
	transform: translate(17px, -50%);
}

@media only screen and (max-width: 750px) {

	#hokepon-content .swiper-button-prev,

#hokepon-content .swiper-button-next {
		top: 70%;
		width: 9.6vw;
		height: 9.6vw
	}
	#hokepon-content .swiper-button-prev::before,
	#hokepon-content .swiper-button-next::before {
		width: 2.47vw;
		height: 4.8vw;
	}
	#hokepon-content .swiper-button-prev::before {
		transform: translate(-4vw, -50%) rotate(180deg);
	}
	#hokepon-content .swiper-button-next::before {
		transform: translate(4vw, -50%);
	}
}

#hokepon-content .swiper-button-prev:hover,

#hokepon-content .swiper-button-next:hover {
	opacity: .5
}

#hokepon-content .swiper-button-prev::after,

#hokepon-content .swiper-button-next::after {
	color: #fff;
	font-size: 28px
}

@media only screen and (max-width: 750px) {

	#hokepon-content .swiper-button-prev::after,

#hokepon-content .swiper-button-next::after {
		font-size: 4.8vw
	}
}





#hokepon-content .swiper-pagination .slick-dots {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	position: static;
}
#hokepon-content .swiper-pagination .slick-dots li {
	width: 16px;
	height: 16px;
}
#hokepon-content .swiper-pagination .slick-dots li button {
	width: 16px;
	height: 16px;
}
#hokepon-content .swiper-pagination .slick-dots li button::before {
	width: 16px;
	height: 16px;
	background-color: #d9d9d9;
}
#hokepon-content .swiper-pagination .slick-dots li.slick-active button::before {
	background-color: #fe8100;
}
@media only screen and (max-width: 750px) {

#hokepon-content .swiper-pagination .slick-dots {
	gap: 3.2vw;
}
#hokepon-content .swiper-pagination .slick-dots li {
	width: 2.6666666667vw;
	height: 2.6666666667vw;
}
#hokepon-content .swiper-pagination .slick-dots li button {
	width: 2.6666666667vw;
	height: 2.6666666667vw;
}
#hokepon-content .swiper-pagination .slick-dots li button::before {
	width: 2.6666666667vw;
	height: 2.6666666667vw;
}

}

#hokepon-content #insurancecompany .subtextWrap {
	text-align: center
}


#hokepon-content #insurancecompany .subtextWrap .subtext {
	padding-top: 40px;
	width: 7.3vw;
	max-width: 106px;
	margin: 0 auto;
	font-size: 20px;
	color: #9ccae0;
	font-weight: bold;
	text-align: center;
	font-family: "Poppins", serif;
	position: relative;
	padding: 0 15px;
	display: inline-block
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .subtextWrap .subtext {
		padding-top: 0;
		width: 26.6666666667vw;
		padding: 0 8vw;
		font-size: 4vw
	}
}

#hokepon-content #insurancecompany .subtextWrap .subtext::before,

#hokepon-content #insurancecompany .subtextWrap .subtext::after {
	content: "";
	position: absolute;
	top: 0%;
	width: 1px;
	height: 100%;
	border-left: 2px solid #9ccae0
}

@media only screen and (max-width: 750px) {

	#hokepon-content #insurancecompany .subtextWrap .subtext::before,

#hokepon-content #insurancecompany .subtextWrap .subtext::after {
		display: none
	}
}


#hokepon-content #insurancecompany .subtextWrap .subtext::before {
	left: 0;
	transform: rotate(-25deg)
}


#hokepon-content #insurancecompany .subtextWrap .subtext::after {
	right: 0;
	transform: rotate(25deg)
}


#hokepon-content #insurancecompany .shop-map2-title {
	text-align: center;
	padding-bottom: 4.5138888889vw;
	position: relative;
	background-image: url(../images/ins_ttl_bg.webp);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 90%;
	max-width: 1170px;
	height: 55px;
	display: block
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .shop-map2-title {
		padding-bottom: 0;
		width: auto;
		background-image: none
	}
}


#hokepon-content #insurancecompany .shop-map2-title .text-20 {
	position: absolute;
	top: 17%;
	left: 7%;
	text-align: center;
	font-feature-settings: "palt";
	font-size: 38px
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .shop-map2-title .text-20 {
		width: 88vw;
		margin: 0 auto;
		font-size: 6.1333333333vw
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .shop-map2-title .text-20 span {
		font-size: 7.2vw
	}
}


#hokepon-content #insurancecompany .handlingWrap {
	overflow: hidden;
	padding-top: 30px
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .handlingWrap {
		padding-top: 0;
		margin-top: 16vw
	}
}

@media screen and (min-width: 2200px) {

#hokepon-content #insurancecompany .handlingWrap {
		max-width: 1380px;
		margin: 0 auto
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .handlingWrap+.handlingWrap {
		margin-top: 0;
		padding-top: 2vw
	}
}


#hokepon-content #insurancecompany .handlingWrap .handling-container {
	padding-bottom: 15px;
	outline: none
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .handlingWrap .handling-container {
		padding-bottom: 2vw
	}
}


#hokepon-content #insurancecompany .handlingWrap .handling-container+.handling-container {
	margin-top: 4vw
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .handlingWrap .handling-container+.handling-container {
		margin-top: 2vw;
		display: block
	}
}


#hokepon-content #insurancecompany .handlingWrap .swiper-wrapper {
	padding: 0;
	align-items: center;
	transition: transform .1s linear;
	will-change: transform
}


#hokepon-content #insurancecompany .handlingWrap .handling-img {
	padding: 0;
	width: auto !important
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .handlingWrap .handling-img {
		width: auto
	}
}


#hokepon-content #insurancecompany .handlingWrap .handling-img img {
	width: auto;
	max-height: 80px;
	aspect-ratio: unset;
	object-fit: cover
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .handlingWrap .handling-img img {
		width: auto !important
	}
}

@media screen and (min-width: 2200px) {

#hokepon-content #insurancecompany .handlingWrap .handling-img img {
		height: 80px
	}
}


#hokepon-content #insurancecompany .flex-box {
	display: flex;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	padding-top: 50px;
	flex-wrap: wrap
}


#hokepon-content #insurancecompany .flex-box.insuranceList-inner {
	margin: 0 auto;
	width: 90%;
	max-width: 1070px
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .flex-box {
		flex-direction: column;
		padding-top: 2.6666666667vw;
		width: auto;
		display: block
	}
}


#hokepon-content #insurancecompany .flex-box .insuranceList {
	text-align: center;
	gap: 10px;
	list-style: none;
	padding-left: 40px;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .flex-box .insuranceList {
		display: block;
		column-count: 2;
		gap: 0 4vw;
		margin: 0 auto;
		padding: 0 5.3333333333vw
	}
}


#hokepon-content #insurancecompany .flex-box .insuranceList li {
	text-align: left;
	width: 305px;
	list-style: disc inside;
	line-height: 2;
	font-size: 18px;
	text-indent: -1.3em;
	padding-left: 1em
}

@media only screen and (max-width: 750px) {

#hokepon-content #insurancecompany .flex-box .insuranceList li {
		width: auto;
		list-style: disc inside;
		font-size: 3.7333333333vw;
		text-indent: -1.3em;
		padding-left: 1em
	}
}


#hokepon-content #insurancecompany .flex-box .insuranceList .hidden {
	display: none
}


#hokepon-content .more {
	margin: 35px 0 80px 0;
	text-align: center
}


#hokepon-content .more .more-btn {
	position: relative;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	width: 380px;
	background-color: #1d394f;
	border-radius: 20vw;
	gap: 70px
}

@media only screen and (min-width: 751px) {

#hokepon-content .more .more-btn:hover {
		cursor: pointer;
		opacity: .8
	}
}

@media only screen and (max-width: 750px) {

#hokepon-content .more .more-btn {
		width: 76vw
	}
}


#hokepon-content .more .more-btn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	display: inline-block;
	width: 15px;
	height: 10px;
	transition: transform .3s ease-in-out;
	margin-left: 8px;
	background-image: url("../images/CP-view-more-btn-arrow.webp");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-50%)
}


#hokepon-content .more .more-btn.open::after {
	transform: scale(-1, -1) translateY(50%)
}


#hokepon-content .more .more-btn.open .bottom_arrow {
	transform: rotate(135deg)
}

#hokepon-content .handling-container,
#hokepon-content .handling-container *,
#hokepon-content .handling-img,

#hokepon-content .handling-img img {
	outline: none !important;
	user-select: none !important;
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	touch-action: none
}

#hokepon-content .giftcampaignWrap img {
	width: auto;
}
#hokepon-content .giftcampaignWrap {
	background: url(/insurance/images/hokepon/hokepon_bg01.webp) no-repeat top center / cover;
}
#hokepon-content .giftcampaignWrap .giftcampaignWrap-inner {
	padding: 50px 0 100px;
	width: min(1200px, 100%);
	margin: 0 auto;
	text-align: center;
}
#hokepon-content .giftcampaignWrap .giftcampaignWrap-inner >:first-child {
	margin-top: 0!important;
}
#hokepon-content .giftcampaignWrap .giftcampaign-title {
	margin-top: 10px;
}
#hokepon-content .giftcampaignWrap .giftcampaign-text01 {
	margin: -15px auto 0;
	width: min(754px, calc(754 / 1200 *100vw));
}
#hokepon-content .giftcampaignWrap .giftcampaign-text02 {
	margin-top: min(25px, calc(25 / 1200 *100vw));
}
#hokepon-content .giftcampaignWrap .giftcampaign-cardWrap {
	display: flex;
	justify-content: space-between;
	gap: min(35px, calc(35 / 1200 *100vw));
	margin-top: 25px;
}
#hokepon-content .giftcampaignWrap .giftcampaign-cardWrap .giftcampaign-card {
	width: calc(100% / 4 - min(35px, calc(35 / 1200 *100vw)) * 3 / 4);
}
#hokepon-content .giftcampaignWrap .giftcampaign-cardWrap .giftcampaign-card .giftcampaign-cardImage img {
	border: 7px solid #ffcc00;
	border-radius: 5px;
	box-sizing: border-box;
}
#hokepon-content .giftcampaignWrap .giftcampaign-cardWrap .giftcampaign-card .giftcampaign-cardText01 {
	margin-top: min(18px, calc(18 / 1200 *100vw));
	font-size: min(19px, calc(19 / 1200 *100vw));
	color: #666;
}
@media only screen and (max-width: 750px) {
	#hokepon-content .giftcampaignWrap {
		background: url(/insurance/images/hokepon/hokepon_bg01_sp.webp) no-repeat top center / cover;
	}
	#hokepon-content .giftcampaignWrap .giftcampaignWrap-inner {
		width: 100%;
		margin: 0 auto;
		padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) calc(60 / 750 * 100vw);
		text-align: center;
		box-sizing: border-box;
	}
	#hokepon-content .giftcampaignWrap .giftcampaign-title {
		margin: calc(20 / 750 * 100vw) auto 0;
		width: calc(602 / 750 * 100vw);
	}
	#hokepon-content .giftcampaignWrap .giftcampaign-text01 {
		margin: calc(15 / 750 * 100vw) auto 0;
		width: calc(587 / 750 * 100vw);
	}
	#hokepon-content .giftcampaignWrap .giftcampaign-text02 {
		margin: calc(15 / 750 * 100vw) auto 0;
		width: calc(670 / 750 * 100vw);
	}
	#hokepon-content .giftcampaignWrap .giftcampaign-cardWrap {
		display: flex;
		justify-content: space-between;
		gap: calc(14 / 750 * 100vw);
		margin-top: calc(17 / 750 * 100vw);
	}
	#hokepon-content .giftcampaignWrap .giftcampaign-cardWrap .giftcampaign-card {
		width: calc(100% / 4 - calc(14 / 750 * 100vw) * 3 / 4);
	}
	#hokepon-content .giftcampaignWrap .giftcampaign-cardWrap .giftcampaign-card .giftcampaign-cardImage img {
		border: calc(4 / 750 * 100vw) solid #ffcc00;
		border-radius: calc(6 / 750 * 100vw);
		box-sizing: border-box;
	}
}