@charset "UTF-8";

.c5-fontface_noto {
	font-family: 'Noto Sans JP', sans-serif!important;
	font-feature-settings: "palt"!important;
	letter-spacing: 0.2em;
	color: #000!important;
}
.c5-fontface_noto_serif {
	font-family: 'Noto Serif JP', serif!important;
	font-feature-settings: "palt"!important;
	letter-spacing:  0.1em;
	color: #000!important;
}
p {
	font-size: 15px!important;
}
@media screen and (max-width: 640px) {
	p {
		line-height: 2!important;
	}
}

.c5-mgtop5 {
	margin-top: 5px!important;
}
.c5-mgtop10 {
	margin-top: 10px!important;
}
.c5-mgtop20 {
	margin-top: 20px!important;
}
.c5-mgtop30 {
	margin-top: 30px!important;
}
.c5-mgtop35 {
	margin-top: 35px!important;
}
.c5-mgtop40 {
	margin-top: 40px!important;
}
.c5-mgtop45 {
	margin-top: 45px!important;
}
.c5-mgtop50 {
	margin-top: 50px!important;
}
.c5-mgtop60 {
	margin-top: 60px!important;
}
.c5-mgtop70 {
	margin-top: 70px!important;
}
.c5-mgtop80 {
	margin-top: 80px!important;
}
.c5-mgtop90 {
	margin-top: 90px!important;
}
.c5-mgtop170 {
	margin-top: 170px!important;
}


.c5-only_1100px {
	display: none;
}
.c5-only_950px {
	display: none;
}
.c5-only_850px {
	display: none;
}
.c5-until_800px {
	display: block;
}
.c5-only_800px {
	display: none;
}
.c5-only_768px {
	display: none;
}
.c5-only_700px {
	display: none;
}
.c5-only_640px {
	display: none;
}
.c5-only_600px {
	display: none;
}
.c5-only_500px {
	display: none;
}
.c5-only_pc {
	display: block;
}

.c5-container {
	padding-top: 80.0938px!important;
}
.c5-mainvisual {
	margin-top: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.c5-mainvisual__img {
	width: 100%;
	margin: 0 auto;
	min-width: 2140px;
}
@media screen and (max-width: 2140px) {
	.c5-mainvisual__img {
		margin-left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 900px) {
	.c5-mainvisual__img {
		min-width: 1490px;
	}
}
@media screen and (max-width: 640px) {
	.c5-mainvisual__img {
		min-width: 0px;
		margin: 0 auto;
		width: 100%!important;
		transform: translateX(0)
	}
}
.c5-readcont-wapp {
	margin: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: linear-gradient(to bottom, #ECECEC, #fff);
	text-align: center;
}
.c5-readcont {
	width: 93%;
	margin: 0 auto;
}
.c5-readtext {
	display: inline-block;
	text-align: center;
	margin: 55px auto 25px;
	font-size: 20px!important;
	font-weight: bold!important;
	line-height: 2!important;
	color: #000!important;
}
@media screen and (max-width: 640px) {
	.c5-readtext {
		text-align: left;
		margin: 5% auto;
		line-height: 1.8!important;
		font-size: 15px!important;
	}
}
.c5-annotation {
	width: 93%;
	text-align: center;
	font-size: 11px!important;
	margin: 0 auto;
	color: #000!important;
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
.c5-tab_box {
	margin-bottom: 80px;
}
.c5-tab_box .c5-btn_area {
	display: flex;
	width: 93%;
	max-width: 980px;
	margin: 0 auto 45px;
}
.c5-tab_box .c5-btn_area img {
	width: 100%;
}
.c5-tab_box .c5-tab_btn01,
.c5-tab_box .c5-tab_btn02 {
	margin-right: 2%;
}
.c5-tab_box .c5-tab_btn01:last-child,
.c5-tab_box .c5-tab_btn02:last-child {
	margin-right: 0;
}
@media screen and (max-width: 640px) {
	.c5-tab_box {
		margin-top: 10%!important;
	}
	.c5-tab_box .c5-btn_area {
		display: block;
		margin-bottom: 2%;
	}
	.c5-tab_box .c5-tab_btn01,
	.c5-tab_box .c5-tab_btn02 {
		margin-right: 0;
		margin-bottom: 7%;
	}
}

.c5-tab_btn_active {
	display: none;
	opacity: 0;
}
.c5-tab_btn_negative {
	display: block;
	cursor: pointer;
	transition: all .3s;
	animation: fadeIn 0.3s ease-in 0s forwards;
}
.c5-tab-cg_btn {
	transition: all .3s;
}
.c5-tab-cg_btn:hover {
	opacity: .7;
}
.c5-tab_btn_list {
	border-bottom: 1px solid #D2D2D2;
	cursor: pointer;
}
.c5-tab_btn_list img {
	transition: all .3s;
}
.c5-tab_btn_list:last-child {
	border-bottom: none;
}
@media screen and (max-width: 640px) {
	.c5-tab_btn_list:last-child {
		border-bottom: 1px solid #D2D2D2;
	}
}
.c5-tab_btn_list img:hover {
	opacity: .6;
}
/*.c5-tab_box .c5-tab_btn01.active > ul .c5-tab_btn_list img,
.c5-tab_box .c5-tab_btn02.active > ul .c5-tab_btn_list img {
	opacity: 1;
}
.c5-tab_box .c5-tab_btn01.active > ul .c5-tab_btn_list img:hover,
.c5-tab_box .c5-tab_btn02.active > ul .c5-tab_btn_list img:hover {
	opacity: .6;
}*/
.c5-tab_box .c5-tab_btn01 .c5-tab_btn_active,
.c5-tab_box .c5-tab_btn02 .c5-tab_btn_active {
	display: block;
	cursor: pointer;
	opacity: 1;
	animation: fadeIn 0.3s ease-in 0s forwards;
}
.c5-tab_box .c5-tab_btn01.active > ul li .c5-tab_btn_active,
.c5-tab_box .c5-tab_btn02.active > ul li .c5-tab_btn_active {
	cursor: default;
}
/*.c5-tab_box .c5-tab_btn01.active > ul li .c5-tab_btn_negative,
.c5-tab_box .c5-tab_btn02.active > ul li .c5-tab_btn_negative {
	display: none;
}*/

.c5-tab_box .c5-panel_area {
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.c5-tab_box .c5-tab_panel01,
.c5-tab_box .c5-tab_panel02 {
	display: none;
	opacity: 0;
}
.c5-tab_box .c5-tab_panel01.active,
.c5-tab_box .c5-tab_panel02.active {
	display: block;
	opacity: 1;
	animation: fadeIn 0.3s ease-in 0s forwards;
}
.c5-sound-cg,
.c5-image-cg {
	transition: all .3s;
	width: 385px;
	margin: 0 auto 60px;
	cursor: pointer;
}
.c5-sound-cg:hover,
.c5-image-cg:hover {
	opacity: .6;
}
@media screen and (max-width: 640px) {
	.c5-sound-cg,
	.c5-image-cg {
		width: 93%;
	}
}


.c5-image_section {
	background: #FAFAE6;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 65px;
}
.c5-sound_section {
	background: #F0FFF0;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 65px;
}
@media screen and (max-width: 640px) {
	.c5-image_section,
	.c5-sound_section {
		padding-bottom: 10%;
	}
}
.c5-image_header-wapp {
	width: 100%;
	overflow: hidden;
	background: linear-gradient(to bottom, #fff 50%, #FAFAE6 50%, #FAFAE6 100%);
}
.c5-sound_header-wapp {
	width: 100%;
	overflow: hidden;
	background: linear-gradient(to bottom, #fff 50%, #F0FFF0 50%, #F0FFF0 100%);
}
.c5-section_header {
	width: 93%;
	max-width: 1100px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.c5-section_header {
		margin-top: 5%;
	}
}
.c5-section_read {
	color: #000!important;
	font-size: 17px!important;
	line-height: 1.9!important;
	font-weight: bold!important;
	margin: 50px auto 20px;
	width: 93%;
}
.c5-arrow {
	width: 64px;
	margin: 0 auto;
}
.c5-arrow img {
	width: 100%;
}
.c5-section-arrow {
	position: absolute;
	width: 158px;
	z-index: 10!important;
	top: 240px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
	.c5-section-arrow {
		width: 120px;
		top: calc(28vw + 100px);
	}
	#section02 .c5-section-arrow {
		top: calc(34vw + 100px);
	}
	#section08 .c5-section-arrow {
		top: calc(36vw + 100px);
	}
	#section03 .c5-section-arrow,
	#section06 .c5-section-arrow,
	#section07 .c5-section-arrow {
		top: calc(39vw + 100px);
	}
	#section04 .c5-section-arrow {
		top: calc(42vw + 100px);
	}
}
.c5-section_title {
	font-size: 35px!important;
	width: 93%;
	font-weight: bold!important;
	padding: 40px 0 40px;
	margin: 0 auto;
	color: #005AA0!important;
	line-height: 1.4!important;
	z-index: 1!important;
	position: relative;
}
.c5-section_title sup {
	font-size: 20px!important;
}
.c5-section_title span {
	color: #005AA0!important;
	font-size: 25px!important;
}
@media screen and (max-width: 640px) {
	.c5-section_title {
		font-size: 24px!important;
		line-height: 1.3!important;
		padding: 10% 0 0;
	}
	.c5-section_title span {
		font-size: 17px!important;
	}
	.c5-section_title sup {
		font-size: 15px!important;
	}
}
.c5-bubble-wapp {
	width: 93%;
	max-width: 600px;
	position: relative;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.c5-bubble-wapp {
		margin-top: 10%!important;
	}
}
.c5-buble-left {
	color: #000!important;
	font-size: 15px!important;
	font-weight: bold!important;
	text-align: left!important;
	width: 88%;
	max-width: 400px;
	margin: 0 auto 30px 0;
	border: solid 2px #000;
	border-radius: 20px;
	padding: 25px 20px 15px 20px;
	background: #fff;
	position: relative;
	line-height: 1.6;
}
.c5-buble-left2 {
	color: #000!important;
	font-size: 15px!important;
	font-weight: bold!important;
	text-align: left;
	width: 88%;
	max-width: 430px;
	margin: 0 auto 30px 0;
	border: solid 2px #000;
	border-radius: 20px;
	padding: 25px 20px 15px 20px;
	background: #fff;
	position: relative;
	line-height: 1.6;
}
.c5-buble-right {
	color: #000!important;
	font-size: 15px!important;
	font-weight: bold!important;
	text-align: left!important;
	width: 88%;
	max-width: 400px;
	margin: 0 0 40px auto;
	border: solid 2px #000;
	border-radius: 20px;
	padding: 25px 20px 15px 20px;
	background: #fff;
	position: relative;
	line-height: 1.6;
}
.c5-buble-right2 {
	color: #000!important;
	font-size: 15px!important;
	font-weight: bold!important;
	text-align: left!important;
	width: 88%;
	max-width: 460px;
	margin: 0 0 30px auto;
	border: solid 2px #000;
	border-radius: 20px;
	padding: 25px 20px 15px 20px;
	background: #fff;
	position: relative;
	line-height: 1.6;
}
.c5-buble-right3 {
	color: #000!important;
	font-size: 15px!important;
	font-weight: bold!important;
	text-align: left;
	width: 88%;
	max-width: 480px;
	margin: 0 0 30px auto;
	border: solid 2px #000;
	border-radius: 20px;
	padding: 25px 20px 15px 20px;
	background: #fff;
	position: relative;
	line-height: 1.6;
}
.c5-buble-center {
	color: #000!important;
	font-size: 15px!important;
	font-weight: bold!important;
	text-align: left;
	width: 83%;
	max-width: 560px;
	margin: 0 auto 30px;
	border: solid 2px #000;
	border-radius: 20px;
	padding: 25px 20px 15px 20px;
	background: #fff;
	position: relative;
	line-height: 1.6;
}
.c5-text-center {
	text-align: center!important;
}
@media screen and (max-width: 640px) {
	.c5-text-center {
		text-align: left!important;
	}
}
.c5-text-bold {
	font-weight: bold!important;
}
.c5-buble-left span,
.c5-buble-right span,
.c5-buble-right2 span,
.c5-buble-left2 span,
.c5-buble-right3 span,
.c5-buble-center span {
	display: block;
	text-align: right!important;
	font-size: 11px!important;
	font-weight: normal!important;
	color: #000!important;
	margin-top: 5px;
}
@media screen and (max-width: 640px) {
	.c5-buble-left,
	.c5-buble-right,
	.c5-buble-right2,
	.c5-buble-left2,
	.c5-buble-right3 {
		font-size: 12.5px!important;
		width: calc(100% - 45px);
		margin: 0 auto 10%;
		border-radius: 15px;
	}
	.c5-buble-center {
		font-size: 12.5px!important;
		width: calc(93% - 45px);
		margin: 12% auto 10%!important;
		border-radius: 15px;
	}
	.c5-buble-left span,
	.c5-buble-right span,
	.c5-buble-right2 span,
	.c5-buble-left2 span,
	.c5-buble-right3 span,
	.c5-buble-center span {
		font-size: 10px!important;
	}
}
.c5-buble-title {
	position: absolute;
	top: -7px;
	left: 50%;
	width: 130px;
	transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
	.c5-buble-title {
		width: 110px;
	}
}
.c5-buble-footer {
	position: absolute;
	bottom: -20.5px;
	left: 50%;
	width: 20px;
	transform: translateX(-50%);
}
.c5-buble-title img,
.c5-buble-footer img {
	width: 100%;
}
.c5-text {
	max-width: 600px;
	width: 93%;
	text-align: left;
	margin: 0 auto;
	line-height: 1.8!important;
	color: #000!important;
}
.c5-text750 {
	max-width: 750px;
	width: 93%;
	text-align: center;
	margin: 0 auto;
	line-height: 1.8!important;
	color: #000!important;
	font-weight: bold!important;
}
.c5-text750_blue {
	max-width: 750px;
	width: 93%;
	text-align: center;
	margin: 0 auto;
	line-height: 1.8!important;
	color: #005AA0!important;
	font-weight: bold!important;
}
@media screen and (max-width: 640px) {
	.c5-text,
	.c5-text750,
	.c5-text750_blue {
		line-height: 2!important;
	}
}
.c5-image-section-inner {
	width: 93%;
	max-width: 900px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	background: linear-gradient(to bottom, #FAFAE6 16px, #fff 16px, #fff 100%);
	padding-bottom: 60px;
}
.c5-sound-section-inner {
	width: 93%;
	max-width: 900px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	background: linear-gradient(to bottom, #F0FFF0 16px, #fff 16px, #fff 100%);
	padding-bottom: 60px;
}
@media screen and (max-width: 640px) {
	.c5-image-section-inner,
	.c5-sound-section-inner {
		margin-top: 10%!important;
		padding-bottom: 5%;
	}
}
.c5-section-inner2 {
	width: 93%;
	max-width: 900px;
	position: relative;
	overflow: hidden;
	background: #E4ECF2;
	margin: 0 auto;
	padding-bottom: 60px;
}
@media screen and (max-width: 640px) {
	.c5-section-inner2 {
		margin-top: 10%!important;
		padding-bottom: 8%;
	}
}
.c5-section-inner-blue {
	width: 93%;
	max-width: 750px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.c5-section-inner-blue::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 85%;
	top: 0;
	left: 0;
	background: #E5EEF5;
	border-radius: 20px;
	z-index: 0!important;
}
@media screen and (max-width: 640px) {
	.c5-section-inner-blue::before {
		border-radius: 13px;
	}
}
.c5-inner-point {
	width: 250px;
	margin: 0 auto;
}
.c5-inner-point img {
	width: 100%;
}
@media screen and (max-width: 640px) {
	.c5-inner-point {
		width: 188px;
	}
}
.c5-section-copy {
	width: 93%;
	max-width: 615px;
	margin: 0 auto 55px;
}
#section02 .c5-section-copy {
	max-width: 750px;
}
.c5-inner-title {
	font-size: 28px!important;
	color: #005AA0!important;
	font-weight: bold!important;
	margin: 0 auto 20px;
	width: 93%;
	line-height: 1.6!important;
	z-index: 10!important;
}
@media screen and (max-width: 640px) {
	.c5-inner-title {
		font-size: 21px!important;
		margin-top: 3%!important;
	}
}
.c5-inner-title2 {
	width: 93%;
	margin: 0 auto;
	max-width: 610px;
}
.c5-inner-title3 {
	width: 93%;
	margin: 0 auto;
	max-width: 693px;
}
.c5-inner-subtitle2-wapp {
	width: 93%;
	max-width: 750px;
	min-height: 6px;
	margin: 0 auto;
	background: radial-gradient(circle farthest-side, #005AA0, #005AA0 40%, transparent 40%, transparent);
    background-size: 11px 11px;
	background-repeat: repeat-x;
	background-position: center;
}
.c5-inner-subtitle2 {
	max-width: 336px;
	width: 93%;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.c5-inner-subtitle2-wapp {
		margin-top: 10%!important;
	}
	.c5-inner-subtitle2 {
		max-width: 220px;
	}
}
.c5-inner-subtitle2 img {
	width: 100%;
}

.c5-inner-title span {
	display: block;
	color: #005AA0!important;
	font-size: 15px!important;
	margin-top: 5px;
}
.c5-inner-catch {
	font-size: 21px!important;
	color: #005AA0!important;
	font-weight: bold!important;
	margin: 0 auto;
	width: 93%;
	line-height: 1.6!important;
}
@media screen and (max-width: 640px) {
	.c5-inner-catch {
		font-size: 17px!important;
	}
}
.c5-inner-img {
	width: 93%;
	max-width: 750px;
	margin: 0 auto;
}
.c5-inner-img_mini {
	width: 93%;
	max-width: 420px;
	margin: 0 auto;
}
.c5-inner-img_mini2 {
	width: 93%;
	max-width: 450px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.c5-inner-img_mini2 {
		margin-top: 5%!important;
	}
}
.c5-inner-img_medium {
	width: 93%;
	max-width: 600px;
	margin: 0 auto;
}
.c5-inner-img img,
.c5-inner-img_mini img,
.c5-inner-img_mini2 img,
.c5-inner-img_medium img {
	width: 100%;
}
.c5-operation {
	width: 93%;
	max-width: 610px;
	text-align: left;
	margin: 0 auto;
}
.c5-operation2 {
	width: 93%;
	max-width: 750px;
	text-align: left;
	margin: 0 auto;
	background: #ECECEC;
	position: relative;
	overflow: hidden;
}
.c5-operation3 {
	width: 93%;
	max-width: 750px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border: solid 1px #000;
}
.c5-operation2-text {
	color: #000!important;
	margin: 25px 30px 10px;
	line-height: 1.9!important;
}
.c5-operation2 .c5-annotation {
	font-size: 11px!important;
	margin: 0 30px 30px;
	line-height: 1.3!important;
	text-align: left!important;
}
.c5-operation3-text {
	color: #000!important;
	margin: 25px 30px;
	line-height: 1.9!important;
	font-size: 14px!important;
}
.c5-operation3-text span {
	color: #000!important;
	font-size: 14px!important;
	font-weight: bold!important;
	line-height: 1.9!important;
}
@media screen and (max-width: 640px) {
	.c5-operation2-text {
		margin: 5% 5% 2%;
	}
	.c5-operation2 .c5-annotation {
		margin: 0 5% 5%;
		line-height: 1.7!important;
	}
	.c5-operation3-text {
		margin: 3%;
		font-size: 11px!important;
		line-height: 1.6!important;
	}
	.c5-operation3-text span {
		font-size: 12.5px!important;
	}
}
.c5-operation2-text span {
	font-size: 15px!important;
}
.c5-operation2-text .c5-text-index {
	color: #005AA0!important;
}
.c5-operation2-text img {
	width: 50px;
	padding: 4px 0 0 8px;
}
.c5-cast-icon {
	width: 20px;
	padding: 4px 4px 0 4px;
}
.c5-google-photo-icon {
	width: 25px;
	padding: 0 4px 0 4px;
}
@media screen and (max-width: 640px) {
	.c5-operation3-text .c5-cast-icon {
		width: 14px;
		padding: 2px 2px 0 2px;
	}
	.c5-operation3-text .c5-google-photo-icon {
		width: 18px;
		padding: 0 2px 0 2px;
	}
}
.c5-image-section-inner table,
.c5-sound-section-inner table {
	width: 93%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.4;
	color: #000;
}
.c5-image-section-inner table .c5-space,
.c5-sound-section-inner table .c5-space {
	height: 9px;
}
.c5-image-section-inner table .c5-borderright,
.c5-sound-section-inner table .c5-borderright {
	font-weight: bold;
	color: #005AA0;
	border-right: solid 1px #ccc;
	padding: 0 20px;
}
.c5-image-section-inner table td,
.c5-sound-section-inner table td {
	padding: 0 20px;
}
.c5-image-section-inner table .c5-bordertop,
.c5-sound-section-inner table .c5-bordertop {
	border-top: solid 1px #CCC;
}
.c5-image-section-inner table .c5-bordertop:last-child,
.c5-sound-section-inner table .c5-bordertop:last-child {
	border-top: none;
	border-bottom: solid 1px #CCC;
}
.c5-image-section-inner table .c5-gray,
.c5-sound-section-inner table .c5-gray {
	background: #eee;
}
@media screen and (max-width: 640px) {
	table th,
	table td {
		width: calc(100% - 40px);
		display: block;
	}
	.c5-image-section-inner table .c5-borderright,
	.c5-sound-section-inner table .c5-borderright {
		border-right: none;
		padding-bottom: 1%;
		font-size: 15px!important;
	}
}
.c5-inner-2img {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:center;
	width: 93%;
	max-width: 750px;
	margin: 0 auto;
}
.c5-inner-text-img {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:center;
	width: 83%;
	max-width: 670px;
	margin: 0 auto;
}
.c5-inner-text-img_left {
	width: 83%;
	margin-right: 3%;
	text-align: left;
	line-height: 1.8;
	color: #000!important;
	font-size: 15px;
}
.c5-inner-text-img_right {
	width: 14%;
}
@media screen and (max-width: 640px) {
	.c5-inner-text-img {
		display: block;
		width: 93%;
	}
	.c5-inner-text-img_left {
		width: 100%;
		margin-top: 5%;
		line-height: 2;
	}
	.c5-inner-text-img_right {
		display: none;
	}
}
.c5-inner-2img_left {
	width: 39%;
	margin-right: 2%;
	margin-top: 30px;
	text-align: left;
	font-size: 15px;
	line-height: 1.8;
	color: #000!important;
}
.c5-inner-2img_right {
	width: 59%;
	margin-top: 30px;
}
@media screen and (max-width: 640px) {
	.c5-inner-2img {
		display: block;
	}
	.c5-inner-2img_left {
		width: 100%;
		margin-right: 0;
	}
	.c5-inner-2img_right {
		width: 100%;
		margin-top: 0;
	}
	.c5-inner-2img_right:last-child {
		margin-top: 7%;
	}
}
.c5-pop-title {
	font-size: 19px!important;
	font-weight: bold!important;
	color: #000!important;
	padding: 0px 30px;
	display: inline-block;
	margin: 0 auto;
	background: url("../img/pop_left.jpg") no-repeat left center,url("../img/pop_right.jpg") no-repeat right center;
	background-size: 12px 25px;
}
@media screen and (max-width: 640px) {
	.c5-pop-title {
		font-size: 17px!important;
	}
}
.c5-section-inner-inner {
	border: solid 3px #fff;
	position: relative;
	max-width: 750px;
	width: 93%;
	margin: 0 auto;
	padding-bottom: 50px;
}
@media screen and (max-width: 640px) {
	.c5-section-inner-inner {
		padding-bottom: 5%;
	}
}
.c5-section-inner-inner::before {
	content: "";
	width: 20px;
	height: 20px;
	background: #E4ECF2;
	position: absolute;
	top: -3px;
	left: -3px;
}
.c5-section-inner-inner::after {
	content: "";
	width: 20px;
	height: 20px;
	background: #E4ECF2;
	position: absolute;
	top: -3px;
	right: -3px;
}
.c5-section-inner-inner .c5-dummy::before {
	content: "";
	width: 20px;
	height: 20px;
	background: #E4ECF2;
	position: absolute;
	bottom: -3px;
	left: -3px;
}
.c5-section-inner-inner .c5-dummy::after {
	content: "";
	width: 20px;
	height: 20px;
	background: #E4ECF2;
	position: absolute;
	bottom: -3px;
	right: -3px;
}
.c5-product-info {
	width: 93%;
	max-width: 313px;
	margin: 0 auto;
}
.c5-product-info img {
	width: 100%;
}
.c5-product-bd_btn {
	width: 93%;
	max-width: 350px;
	margin: 0 auto;
}
.c5-product-bd_btn a {
	color: #fff;
	font-size: 14px;
	padding: 13px 20px;
}
.c5-close-word {
	font-size: 21px!important;
	font-weight: bold!important;
	color: #000!important;
	line-height: 1.9!important;
	width: 93%;
	margin: 0 auto;
}
@media screen and (max-width: 800px) {
	.c5-close-word {
		text-align: left;
		font-size: 15px!important;
		margin-top: 10%!important;
	}
}
.c5-close-product-info {
	font-size: 15px!important;
	font-weight: bold!important;
	color: #616466!important;
	width: 93%;
	max-width: 900px;
	margin: 0 auto;
	border-bottom: 1px solid #C8C8C8;
	padding-bottom: 25px;
}


	
@media screen and (max-width: 1100px) {
	.c5-only_1100px {
		display: block;
	}
}
@media screen and (max-width: 950px) {
	.c5-only_950px {
		display: block;
	}
}
@media screen and (max-width: 850px) {
	.c5-only_850px {
		display: block;
	}
}
@media screen and (max-width: 800px) {
	.c5-until_800px {
		display: none;
	}
	.c5-only_800px {
		display: block;
	}
}
@media screen and (max-width: 768px) {
	.c5-container {
	padding-top: 50px!important;
	}
	.c5-only_768px {
		display: block;
	}
}
@media screen and (max-width: 700px) {
	.c5-only_700px {
		display: block;
	}
}
@media screen and (max-width: 640px) {
	.c5-only_pc {
		display: none;
	}
	.c5-only_640px {
		display: block;
	}
}
@media screen and (max-width: 600px) {
	.c5-only_600px {
		display: block;
	}
}

@media screen and (max-width: 500px) {
	.c5-only_500px {
		display: block;
	}
}










.c5-mainvisual_bv {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.c5-mainvisual_bv img {
	width: 100%;
}
.c5-mainvisual:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}








.c5-close-product {
	display: flex;
	width: 93%;
	margin: 0 auto ;
	max-width: 600px;
}
.c5-close-product li {
	width: 48%;
	margin-right: 2%;
}
.c5-close-product li:last-child {
	margin-left: 2%;
	margin-right: 0;
}
.c5-close-product-name {
	font-size: 15px!important;
	color: #959595!important;
}
@media screen and (max-width: 640px) {
	.c5-close-product {
		display: block;
		width: 75%;
	}
	.c5-close-product li {
		width: 100%;
		margin-right: 0;
	}
	.c5-close-product li:last-child {
		margin-left: 0;
	}
}

.c5-close-product-img {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}
.c5-close-product-btn,
.c5-close-product-btn2 {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}
.c5-close-product-btn a,
.c5-close-product-btn2 a {
	width: 100%;
	color: #fff!important;
	font-size: 13px!important;
	padding: 13px;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.c5-close-product-img {
		margin-top: 10%!important;
	}
	.c5-close-product-btn {
		margin-top: 10%!important;
		width: 90%;
	}
	.c5-close-product-btn2 {
		margin-top: 0!important;
		width: 90%;
	}
}
@media screen and (max-width: 768px) {
	.c5-bv_btn {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
}
}

.c5-app-feature {
    margin-right: auto;
    margin-left: auto;
    max-width: 922px;
}
.c5-app-feature .c5-hr-glay {
    margin-top: 35px !important;
    width: 100% !important;
}
.c5-app-feature p, .c5-app-feature a {
    color: #565858 !important;
}
.c5-app-feature img, .c5-msa-wrapp img {
    max-width: none;
}
.sf-contentRecommend h3 {
    margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
	.sf-recommend-item__data p {
		margin-top: 0!important;
	}
}
@media screen and (max-width: 640px) {
	.c5-annotation {
		text-align: left;
		line-height: 1.7!important;
	}
}