@charset "UTF-8";
/*===============================================
●mian.css 画面の横幅が770px以上
===============================================*/
@media screen and (min-width: 770px) {

	/*=========================
▼▼共通▼▼
===========================*/
	h2 {
		font-size: 24px;
	}

	img {
		display: block;
	}

	.pink {
		color: #ea8da8;
	}

	/*=========================
▲▲共通▲▲
===========================*/
	#contents {
		width: 100%;
		float: left;
		clear: both;
		text-align: center;
		text-align: left;
	}

	#title_area {
		padding-top: 65px;
		text-align: center;
	}

	#conts_01 {
		width: 100%;
		margin-bottom: 137px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#conts_01 .top_wrapper {
		padding: 140px 0 128px calc(50% + 78px);
		position: relative;
		margin-bottom: 50px;
	}

	#conts_01 .top_wrapper .text_box {
		width: 100%;
		text-align: left;
	}

	#conts_01 .top_wrapper .mein_img_01 {
		width: calc(50vw + 30px);
		min-width: 678px;
		height: 100%;
		position: absolute;
		right: calc(50% - 30px);
		top: 0;
		overflow: hidden;
	}

	#conts_01 .top_wrapper .mein_img_01 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#conts_01 h2 {
		font-size: 29px;
		line-height: 50px;
		margin-bottom: 32px;
	}

	#conts_01 .text {
		margin-bottom: 24px;
		line-height: 31px;
	}

	#conts_01 .text:last-of-type {
		margin-bottom: 0;
	}

	#conts_01 .bottom_wrapper {
		display: flex;
		height: 660px;
		font-size: 26px;
		line-height: 1.3;
		letter-spacing: .04em;
		margin: 0 auto;
		background-image: url(../img/pink_diamond/pd_img_02_11.jpg?20231114);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#conts_01 .bottom_wrapper h3 {
		font-weight: 200;
		padding-right: 420px;
	}

	.loop_conts {
		width: 100%;
		clear: both;
		overflow: hidden;
	}

	#conts_03 {
		margin-bottom: 108px;
	}

	.loop_conts .top_wrapper {
		width: 100%;
		clear: both;
		overflow: hidden;
		position: relative;
		margin-bottom: 85px;
	}

	#conts_03 .top_wrapper {
		margin-bottom: 0;
	}

	.loop_conts .top_wrapper .loop_img {
		width: 100%;
		height: 506px;
		float: left;
		clear: both;
		background-image: url(../img/pink_diamond/loop_img_01.png?20230301);
		background-position: top center;
		background-size: cover;
		-webkit-animation-name: gallerySlideLeft;
		-webkit-animation-duration: 80;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: gallerySlideLeft;
		-moz-animation-duration: 80s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		animation-name: gallerySlideLeft;
		animation-duration: 80s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		background-repeat: repeat-x;
		position: relative;
	}

	@-webkit-keyframes gallerySlideLeft {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: -1940px 0px;
		}
	}

	@-moz-keyframes gallerySlideLeft {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: -1940px 0px;
		}
	}

	@keyframes gallerySlideLeft {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: -1940px 0px;
		}
	}

	#conts_03 .top_wrapper .loop_img {
		background-image: url(../img/pink_diamond/loop_img_02.png?20230301);
		background-position: top center;
		background-size: cover;
		-webkit-animation-name: gallerySlideRight;
		-moz-animation-name: gallerySlideRight;
		animation-name: gallerySlideRight;
	}

	@-webkit-keyframes gallerySlideRight {
		0% {
			background-position: -1940px 0px;
		}

		100% {
			background-position: 0px 0px;
		}
	}

	@-moz-keyframes gallerySlideRight {
		0% {
			background-position: -1940px 0px;
		}

		100% {
			background-position: 0px 0px;
		}
	}

	@keyframes gallerySlideRight {
		0% {
			background-position: -1940px 0px;
		}

		100% {
			background-position: 0px 0px;
		}
	}

	.loop_conts .top_wrapper .text_box {
		width: 100%;
		float: left;
		clear: both;
		position: absolute;
		top: 0;
		z-index: 9;
	}

	.loop_conts .top_wrapper .text_box .inner {
		width: 725px;
		height: 506px;
		float: right;
		background-color: #ffffff;
		padding: 58px 90px 0 100px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#conts_03 .top_wrapper .text_box .inner {
		float: left;
		padding-top: 34px;
	}

	.loop_conts .top_wrapper .text_box .inner h3 {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 26px;
	}

	#conts_03 .top_wrapper .text_box .inner h3 {
		margin-bottom: 22px;
	}

	#conts_03 .top_wrapper .text_box .inner .pink_text {
		font-size: 19px;
		line-height: 36px;
		color: #ea8da8;
		margin-bottom: 9px;
	}

	.loop_conts .top_wrapper .text_box .inner .text {
		margin-bottom: 28px;
		letter-spacing: -0.03em;
	}

	.loop_conts .top_wrapper .text_box .inner .text:last-of-type {
		margin-bottom: 0;
	}

	.content-image {
		max-width: 1200px;
		margin-inline: auto;
		margin-bottom: 140px;
		display: grid;
		padding: 0 20px;
		grid-template-columns: 1fr 250px;
		gap: 40px;
		align-items: center;
	}

	.loop_conts .bottom_wrapper {
		width: 1200px;
		clear: both;
		margin: 0 auto 140px;
		padding-right: 288px;
		padding-left: 81px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}

	.loop_conts .bottom_wrapper .text {
		margin-bottom: 31px;
	}

	.loop_conts .bottom_wrapper .text:last-of-type {
		margin-bottom: 0;
	}

	.loop_conts .bottom_wrapper .position_img {
		position: absolute;
		right: 70px;
		bottom: 120px;
	}

	.white_bg_conts {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 40px;
	}

	#conts_05 {
		margin-bottom: 116px;
	}

	.white_bg_conts .white_bg {
		width: 100%;
		float: left;
		clear: both;
		padding: 61px 124px 90px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #ffffff;
		box-shadow: 0px 6px 17px 2px rgba(0, 0, 0, 0.08);
	}

	.white_bg_conts h3 {
		font-size: 22px;
		text-align: center;
		margin-bottom: 36px;
	}

	.white_bg_conts .box {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 35px;
	}

	#conts_04 .box:nth-of-type(2n) {
		margin-bottom: 40px;
	}

	#conts_05 .box {
		margin-bottom: 41px;
	}

	#conts_05 .box:last-of-type {
		margin-bottom: 0;
	}

	.white_bg_conts .box .text_area {
		width: 624px;
		float: left;
		padding-top: 26px;
	}

	.white_bg_conts .box .img {
		width: 288px;
		float: right;
	}

	.white_bg_conts .img_left .text_area {
		width: 624px;
		float: right;
	}

	.white_bg_conts .img_left .img {
		width: 288px;
		float: left;
	}

	.white_bg_conts .img_left .text {
		margin-bottom: 32px;
		padding-top: 0;
	}

	.white_bg_conts .img_left .pink {
		line-height: 31px;
		margin-bottom: 0;
	}

	#conts_04 .bg_text {
		width: 100%;
		clear: both;
		letter-spacing: -.4em;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
	}

	#conts_04 .bg_text .lr_box {
		width: 462px;
		background-color: #f9f9f9;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
		padding: 28px 24px 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: 28px;
	}

	#conts_04 .bg_text .lr_box:last-of-type {
		margin-right: 0;
	}

	#conts_04 .bg_text .lr_box h4 {
		font-size: 18px;
		margin-bottom: 6px;
	}

	#conts_04 .bg_text .lr_box .text {
		line-height: 29px;
	}

	#conts_06 {
		width: 100%;
		clear: both;
		margin-bottom: 210px;
		text-align: center;
	}

	#conts_06 h3 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 27px;
	}

	#conts_06 .sub_title {
		width: 650px;
		margin: 0 auto 63px;
		text-align: left;
	}

	#conts_06 .ring_collection {
		width: 100%;
		letter-spacing: -.4em;
		text-align: center;
		margin-bottom: 16px;
	}

	#conts_06 .ring_collection li {
		width: 288px;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin-right: 16px;
		margin-bottom: 23px;
	}

	#conts_06 .ring_collection li:nth-of-type(4n) {
		margin-right: 0;
	}

	#conts_06 .ring_collection li a {
		display: block;
		width: 100%;
		text-decoration: none;
	}

	#conts_06 .ring_collection li .ring_img {
		width: 100%;
		height: 288px;
		overflow: hidden;
		margin-bottom: 9px;
	}

	#conts_06 .ring_collection li .ring_img img {
		width: 100%;
		display: block;
	}

	#conts_06 .ring_collection li a:hover .ring_img img {
		width: 100%;
		display: block;
		transform: scale(1.07);
		opacity: 1;
		transition-duration: 0.9s;
	}

	#conts_06 .ring_collection li p {
		line-height: 21px;
	}

	#conts_06 .ring_collection li .ring_name {
		font-size: 15px;
		font-weight: 300;
	}

	#conts_06 .ring_collection li .ring_price {
		font-size: 12px;
		color: #b8b8b8;
	}

	#conts_06 .ring_collection li .ring_type {
		font-size: 12px;
		color: #b8b8b8;
	}

	#conts_06 .link_btn {
		width: 280px;
		font-size: 13px;
		text-align: center;
		display: inline-block;
		margin: 0 5px;
	}

	#conts_06 .link_btn a {
		width: 100%;
		display: block;
		border: 1px solid #b0b0b0;
		padding: 6px 0 6px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-image: url(../img/share/icon_04.png);
		background-repeat: no-repeat;
		background-position: right 17px center;
		background-size: 6px;
		text-decoration: none;
		transition-duration: 0.3s;
		font-weight: 300;
	}

	#conts_06 .link_btn a:hover {
		color: #ffffff;
		background-color: #b0b0b0;
		background-image: url(../img/share/icon_04w.png);
	}

	#conts_07 h3 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 27px;
	}

	#conts_07 {
		width: 100%;
		float: left;
		clear: both;
		text-align: left;
	}

	#conts_07 .tab {
		width: 312px;
		float: left;
		font-size: 14px;
		line-height: 24px;
	}

	#conts_07 .tab li {
		padding-left: 16px;
		background-image: url(../img/share/icon_04.png);
		background-repeat: no-repeat;
		background-position: 1px 8px;
		background-size: 5px;
		margin-bottom: 22px;
		cursor: pointer;
	}

	#conts_07 .tab li a {
		display: inline-block;
		font-weight: 600;
		margin-bottom: 3px;
		transition: .3s;
		text-decoration: none;
		position: relative;
		font-weight: normal;
	}

	#conts_07 .tab li a::after {
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		width: 0;
		height: 1px;
		background-color: #fae1e9;
		transition: .3s;
	}

	#conts_07 .tab li a:hover::after {
		width: 100%;
	}

	#conts_07 .select_area .select_img dl {
		width: 100%;
		padding: 29px 64px 22px 27px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #ededed;
		background-image: url(../img/share/icon_04_v.png);
		background-repeat: no-repeat;
		background-position: right 30px top 38px;
		background-size: 11px;
	}

	#conts_07 .select_area .select_img dt {
		padding-left: 1.5em;
		text-indent: -1.5em;
	}

	#conts_07 .select_area .select_img dt::before {
		content: "Q. ";
		color: #ea8da8;
	}

	#conts_07 .select_area .select_img dd {
		padding-left: 50px;
		margin-top: 8px;
		line-height: 1.9;
		position: relative;
	}

	#conts_07 .select_area .select_img dd::before {
		content: "A. ";
		color: #a6907f;
		position: absolute;
		top: 0;
		left: 33px;
	}

	#conts_07 .select_area .select_img dd a {
		color: #ea8da8;
		text-decoration: underline;
	}

	#conts_07 .select_area .select_img dd .small_title::before {
		content: "- ";
	}

	#conts_07 .select_area .select_img dd .m_bottom {
		margin-bottom: 12px;
	}

	#common_conts_01,
	#common_conts_02 {
		text-align: center;
	}
}

/*===============================================
●sp.css  画面の横幅が769pxまで（iPhone6 横向きまで）
===============================================*/
@media screen and (max-width:769px) {

	/*=========================
▼▼共通▼▼
===========================*/
	h2 {
		font-size: 1.65rem;
		line-height: 1.5;
		font-weight: 200;
	}

	/*=========================
▲▲共通▲▲
===========================*/
	#contents {
		width: 100%;
		float: left;
		clear: both;
	}

	#conts_01 {
		width: 100%;
		margin-bottom: 48px;
	}

	#conts_01 .auto {
		width: 100%;
	}

	#conts_01 .top_wrapper {
		position: relative;
		margin-bottom: 50px;
	}

	#conts_01 .top_wrapper .text_box {
		width: 100%;
		text-align: left;
	}

	#conts_01 .top_wrapper .mein_img_01 {
		height: 86vw;
		position: relative;
		margin-bottom: 44px;
		overflow: hidden;
	}

	#conts_01 .top_wrapper .mein_img_01 img {
		width: 110%;
		height: auto;
		position: absolute;
		top: -6%;
		left: 0;
	}

	#conts_01 h2 {
		width: 90%;
		font-size: 1.7rem;
		line-height: 1.7;
		text-align: center;
		letter-spacing: -.02em;
		margin: 0 auto 18px;
	}

	#conts_01 .text {
		width: 90%;
		margin: 0 auto 12px;
		line-height: 1.7;
	}

	#conts_01 .text:last-of-type {
		margin-bottom: 0;
	}

	#conts_01 .bottom_wrapper {
		display: flex;
		width: 100%;
		height: 80vw;
		font-size: 5vw;
		line-height: 1.3;
		background-image: url(../img/pink_diamond/pd_img_02.jpg?20230227);
		background-repeat: no-repeat;
		background-position: left 30% center;
		background-size: cover;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#conts_01 .bottom_wrapper h3 {
		font-weight: 200;
		padding-right: 30%;
	}

	.loop_conts {
		width: 100%;
		overflow: hidden;
		margin-bottom: 38px;
	}

	#conts_03 {
		margin-bottom: 88px;
	}

	.loop_conts .top_wrapper {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin-bottom: 35px;
	}

	#conts_03 .top_wrapper {
		margin-bottom: 0;
	}

	#conts_03 .top_wrapper .text_box .inner {
		width: 100%;
		padding: 38px 5% 42px;
		margin-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #ffffff;
		box-shadow: 0px 6px 17px 2px rgba(0, 0, 0, 0.08);
	}

	.loop_conts .top_wrapper .loop_img {
		width: 100%;
		height: 200px;
		background-image: url(../img/pink_diamond/loop_img_01.png?20230301);
		background-position: top center;
		background-size: cover;
		-webkit-animation-name: gallerySlideLeft;
		-webkit-animation-duration: 40;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: gallerySlideLeft;
		-moz-animation-duration: 40s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		animation-name: gallerySlideLeft;
		animation-duration: 40s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		background-repeat: repeat-x;
		position: relative;
	}

	@-webkit-keyframes gallerySlideLeft {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: -767px 0px;
		}
	}

	@-moz-keyframes gallerySlideLeft {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: -767px 0px;
		}
	}

	@keyframes gallerySlideLeft {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: -767px 0px;
		}
	}

	#conts_03 .top_wrapper .loop_img {
		background-image: url(../img/pink_diamond/loop_img_02.png?20230301);
		background-position: top center;
		background-size: cover;
		-webkit-animation-name: gallerySlideRight;
		-moz-animation-name: gallerySlideRight;
		animation-name: gallerySlideRight;
	}

	@-webkit-keyframes gallerySlideRight {
		0% {
			background-position: -767px 0px;
		}

		100% {
			background-position: 0px 0px;
		}
	}

	@-moz-keyframes gallerySlideRight {
		0% {
			background-position: -767px 0px;
		}

		100% {
			background-position: 0px 0px;
		}
	}

	@keyframes gallerySlideRight {
		0% {
			background-position: -767px 0px;
		}

		100% {
			background-position: 0px 0px;
		}
	}

	.loop_conts .top_wrapper .text_box {
		width: 100%;
		margin-bottom: 26px;
	}

	.loop_conts .top_wrapper .text_box .inner {
		background-color: #ffffff;
	}

	.loop_conts .top_wrapper .text_box .inner h3 {
		font-size: 1.7rem;
		line-height: 1.7;
		margin-bottom: 18px;
	}

	#conts_03 .top_wrapper .text_box .inner .pink_text {
		font-size: 1.6rem;
		line-height: 1.5;
		color: #ea8da8;
		margin-bottom: 9px;
		text-align: left;
	}

	.loop_conts .top_wrapper .text_box .inner .text {
		margin-bottom: 12px;
		text-align: left;
	}

	.loop_conts .top_wrapper .text_box .inner .text:last-of-type {
		margin-bottom: 0;
	}

	.content-image {}

	.content-image .contentwrap {
		text-align: left;
		width: 90%;
		margin-inline: auto;
		margin-bottom: 3rem;
	}

	.content-image p {
		margin-bottom: 12px;
	}

	.loop_conts .bottom_wrapper {
		width: 90%;
		padding-bottom: 132px;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}

	.loop_conts .bottom_wrapper .text {
		margin-bottom: 12px;
		text-align: left;
	}

	.loop_conts .bottom_wrapper .text:last-of-type {
		margin-bottom: 0;
	}

	.loop_conts .bottom_wrapper .position_img {
		position: absolute;
		width: 90px;
		right: 50%;
		bottom: 30px;
		margin-right: -45px;
		transform: rotate(-45deg);
	}

	.white_bg_conts {
		width: 100%;
		margin-bottom: 40px;
	}

	#conts_05 {
		margin-bottom: 116px;
	}

	.white_bg_conts .white_bg {
		width: 100%;
		padding: 38px 5% 42px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #ffffff;
		box-shadow: 0px 6px 17px 2px rgba(0, 0, 0, 0.08);
	}

	.white_bg_conts h3 {
		font-size: 1.7rem;
		line-height: 1.7;
		text-align: center;
		margin-bottom: 18px;
	}

	.white_bg_conts .box {
		width: 100%;
		margin-bottom: 52px;
	}

	#conts_04 .box:nth-of-type(2n) {
		margin-bottom: 40px;
	}

	#conts_05 .box:last-of-type {
		margin-bottom: 0;
	}

	.white_bg_conts .box .text_area {
		padding-top: 12px;
		text-align: left;
	}

	.white_bg_conts .box .img {
		width: 100%;
	}

	.white_bg_conts .img_left .text {
		margin-bottom: 12px;
		padding-top: 0;
	}

	.white_bg_conts .img_left .pink {
		padding-top: 12px;
		margin-bottom: 0;
	}

	#conts_04 .bg_text {
		width: 100%;
	}

	#conts_04 .bg_text .lr_box {
		background-color: #f9f9f9;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
		padding: 28px 5% 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 12px;
	}

	#conts_04 .bg_text .lr_box:last-of-type {
		margin-bottom: 0;
	}

	#conts_04 .bg_text .lr_box h4 {
		font-size: 1.6rem;
		margin-bottom: 6px;
	}

	#conts_04 .bg_text .lr_box .text {
		text-align: left;
	}

	#conts_06 {
		width: 100%;
		margin-bottom: 60px;
	}

	#conts_06 h3 {
		font-size: 1.7rem;
		line-height: 1.7;
		text-align: center;
		margin-bottom: 18px;
	}

	#conts_06 .sub_title {
		margin-bottom: 28px;
		text-align: left;
	}

	#conts_06 .ring_collection {
		width: 100%;
		letter-spacing: -.4em;
		text-align: center;
		margin-bottom: 16px;
	}

	#conts_06 .ring_collection li {
		width: 48%;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin-right: 3%;
		margin-bottom: 16px;
	}

	#conts_06 .ring_collection li:nth-of-type(2n) {
		margin-right: 0;
	}

	#conts_06 .ring_collection li a {
		display: block;
		width: 100%;
		text-decoration: none;
	}

	#conts_06 .ring_collection li .ring_img {
		width: 100%;
		height: 0;
		padding-top: 100%;
		position: relative;
		overflow: hidden;
		margin-bottom: 9px;
	}

	#conts_06 .ring_collection li .ring_img img {
		width: 100%;
		height: auto;
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	#conts_06 .ring_collection li a:hover .ring_img img {
		width: 100%;
		display: block;
		transform: scale(1.07);
		opacity: 1;
		transition-duration: 0.9s;
	}

	#conts_06 .ring_collection li p {
		line-height: 21px;
		line-height: 1.5;
	}

	#conts_06 .ring_collection li .ring_name {
		font-size: 1.3rem;
		font-weight: 300;
	}

	#conts_06 .ring_collection li .ring_price {
		font-size: 1rem;
		color: #b8b8b8;
	}

	#conts_06 .ring_collection li .ring_types {
		font-size: 1rem;
		color: #b8b8b8;
	}

	#conts_06 .link_btn {
		width: 280px;
		margin: 0 auto 10px;
		;
		font-size: 13px;
		text-align: center;
	}

	#conts_06 .link_btn a {
		width: 100%;
		display: block;
		border: 1px solid #b0b0b0;
		padding: 10px 0 6px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-image: url(../img/share/icon_04.png);
		background-repeat: no-repeat;
		background-position: right 17px center;
		background-size: 6px;
		text-decoration: none;
		transition-duration: 0.3s;
		font-weight: 300;
	}

	#conts_06 .link_btn a:hover {
		color: #ffffff;
		background-color: #b0b0b0;
		background-image: url(../img/share/icon_04w.png);
	}

	#conts_07 h3 {
		font-size: 1.7rem;
		line-height: 1.7;
		text-align: center;
		margin-bottom: 18px;
	}

	#conts_07 {
		width: 100%;
		text-align: left;
	}

	#conts_07 .tab {
		width: 100%;
		margin-bottom: 42px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#conts_07 .tab li {
		width: 49%;
		font-size: 1.2rem;
		line-height: 1.3;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		border: 1px solid #ededed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 14px 8px 11px 20px;
		background-image: url(../img/share/icon_04.png);
		background-repeat: no-repeat;
		background-position: 8px center;
		background-size: 5px;
		margin-bottom: 8px;
		margin-right: 2%;
		cursor: pointer;
	}

	#conts_07 .tab li:nth-of-type(2n) {
		margin-right: 0;
	}

	#conts_07 .tab li.select,
	#conts_01 .tab li:hover {
		background-color: #ededed;
	}

	#conts_07 .tab li .inner {
		display: table-cell;
		vertical-align: middle;
	}

	#conts_07 .select_area {
		width: 100%;
		margin: 0 auto;
	}

	#conts_07 .select_area .select_img h2 {
		width: 100%;
		font-size: 1.5rem;
		line-height: 1.5;
		background-color: #ededed;
		padding: 22px 5% 18px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#conts_07 .select_area .select_img dl {
		width: 100%;
		line-height: 1.5;
		padding: 24px 44px 22px 5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #ededed;
		background-image: url(../img/share/icon_04_v.png);
		background-repeat: no-repeat;
		background-position: right 21px top 26px;
		background-size: 11px;
	}

	#conts_07 .select_area .select_img dt {
		padding-left: 1.5em;
		text-indent: -1.5em;
	}

	#conts_07 .select_area .select_img dt::before {
		content: "Q. ";
		color: #ea8da8;
	}

	#conts_07 .select_area .select_img dd {
		padding-left: 3em;
		margin-top: 8px;
		position: relative;
	}

	#conts_07 .select_area .select_img dd::before {
		content: "A. ";
		color: #a6907f;
		position: absolute;
		left: 1.5em;
	}

	#conts_07 .select_area .select_img dd a {
		color: #ea8da8;
		text-decoration: underline;
	}

	#conts_07 .select_area .select_img dd li {
		text-indent: -1em;
		padding-left: 1em;
	}

	#conts_07 .select_area .select_img dd .small_title::before {
		content: "- ";
	}

	#conts_07 .select_area .select_img dd .m_bottom {
		margin-bottom: 12px;
	}

	#common_conts_01,
	#common_conts_02 {
		text-align: center;
	}
}