@charset "utf-8";

/* 基礎レイアウト
========================================================= */

img { width: 100%; height: auto; vertical-align: top; }

#contentsheader {
	width: 100%;
	height: 360px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	overflow: hidden;
}
#contentsheader p.icon {
	width: 55px;
	height: 55px;
	background: url(/images/h1_special2_icon.svg) no-repeat;
	margin: 120px auto 25px;
}
#contentsheader h1 { color: #ffffff; font-size: 48px; margin-right: auto; margin-left: auto; }



@media screen and (max-width: 1199px) {
	#contentsheader { height: 320px; }
	#contentsheader p.icon { margin-top: 100px; }
}

@media screen and (max-width: 992px) {
	#contentsheader { height: 280px; }
	#contentsheader p.icon { margin-top: 80px; }
}

@media screen and (max-width: 768px) {
	#contentsheader { height: 240px; }
	#contentsheader p.icon { width: 44px; height: 44px; margin-top: 60px; margin-bottom: 22px; }
	#contentsheader h1 { font-size: 36px; }
}

@media screen and (max-width: 480px) {
	#contentsheader { height: 160px; }
	#contentsheader p.icon { width: 33px; height: 33px; margin-top: 40px; margin-bottom: 16px; }
	#contentsheader h1 { font-size: 24px; }
}

#snsArea .sns_icon_area .fb-share-button,
#snsArea .sns_icon_area .twitter-share-button {
	display: inline-block;
	vertical-align: bottom;
}





/* boundary
========================================================= */

#boundary { width: 100%; max-width: 1500px; line-height: 1.0; margin: 0 auto; }



@media screen and (max-width: 767px) {
}





/* main
========================================================= */

#boundary .main { width: 100%; max-width: 1500px; position: relative; overflow: hidden; }

#boundary .main .bg { width: 100%; max-width: 1500px; position: absolute; top: 0; }
#boundary .main .bg img:nth-child(2) { display: none; }

#boundary .main h2 {
	width: calc(1280/1500 * 100%);
	max-width: 1280px;
	padding: calc(104/1500 * 100%) 0 0 0;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#boundary .main .lead {
	display: table;
	font-size: 20px;
	line-height: 1.9;
	text-align: center;
	box-sizing: border-box;
	padding: 0 calc(20/375 * 100%); 
	margin: 45px auto 0;
}

#boundary .main .sns_icon_area { margin: 35px auto 0; }



@media screen and (max-width: 1000px) {
	#boundary .main .lead { font-size: 2.0vw; }
}

@media screen and (max-width: 767px) {
	#boundary .main .bg img:nth-child(1) { display: none; }
	#boundary .main .bg img:nth-child(2) { display: block; }
	
	#boundary .main h2 { width: 110%; padding: 10% 0 0 0; margin: 0 0 0 -5%; }
	
	#boundary .main .lead { font-size: 16px; line-height: 1.6; text-align: left; margin: 25px auto 0; }
	#boundary .main .lead br { display: none; }
	
	#boundary .main .sns_icon_area { margin: 15px auto 0; }
}





/* intro
========================================================= */

#boundary .intro { box-sizing: border-box; padding: 0 calc(20/375 * 100%); }
#boundary .intro ul {
	width: 100%;
	max-width: 940px;
	display: flex;
	flex-direction: row;
	margin: 80px auto 0;
}
#boundary .intro ul li { width: calc(450/940 * 100%); max-width: 450px; }
#boundary .intro ul li:nth-child(1) {
	background-color: #fce5d7;
	box-sizing: border-box;
	padding: calc(30/940 * 100%);
}
#boundary .intro ul li:nth-child(1) h3 { font-size: 22px; font-weight: 700; text-align: center; }
#boundary .intro ul li:nth-child(1) p { font-size: 18px; line-height: 2.0; margin: 1em 0 0 0; }
#boundary .intro ul li:nth-child(2) { margin: 0 0 0 calc(40/940 * 100%); }



@media screen and (max-width: 1040px) {
	#boundary .intro ul li:nth-child(1) h3 { font-size: 2.1vw; }
	#boundary .intro ul li:nth-child(1) p { font-size: 1.7vw; }
}

@media screen and (max-width: 767px) {
	#boundary .intro ul { flex-direction: column; margin: 50px auto 0; }
	#boundary .intro ul li { width: 100%; }
	#boundary .intro ul li:nth-child(1) { padding: 20px; margin: 0 auto; }
	#boundary .intro ul li:nth-child(1) h3 { font-size: 18px; }
	#boundary .intro ul li:nth-child(1) p { font-size: 15px; line-height: 1.6; }
	#boundary .intro ul li:nth-child(2) { margin: 3px auto 0; }
}





/* content
========================================================= */

#boundary .content { box-sizing: border-box; padding: 0 calc(20/375 * 100%); margin: 100px 0 0 0; }

#boundary .content h3 { width: 100%; max-width: 940px; margin: 0 auto; }
#boundary .content h3 img:nth-child(2) { display: none; }
#boundary .content h3 .cap {
	display: block;
	font-size: 14px;
	line-height: 1.3;
	margin: 10px 0 0 15px;
}

#boundary .content ul { width: 100%; max-width: 940px; display: table; margin: 50px auto 0; }
#boundary .content ul li:nth-child(1) { width: calc(620/940 * 100%); max-width: 620px; float: left; }
#boundary .content ul li:nth-child(2) { width: calc(260/940 * 100%); max-width: 260px; float: right; }
#boundary .content ul li:nth-child(3) {
	width: calc(620/940 * 100%);
	max-width: 620px;
	float: left;
	margin: 40px 0 0 0;
}
#boundary .content ul li.mt15 { margin: 15px 0 0 0; }
#boundary .content ul.img360 li:nth-child(1) { width: calc(520/940 * 100%); max-width: 520px; float: left; }
#boundary .content ul.img360 li:nth-child(2) { width: calc(360/940 * 100%); max-width: 360px; float: right; }
#boundary .content ul li h4 { font-size: 22px; line-height: 1.3; font-weight: 700; }
#boundary .content ul li h4 span { display: inline-block; }
#boundary .content ul li h4 + p { font-size: 18px; line-height: 1.8; margin: 20px 0 0 0; }
#boundary .content ul li figure + figure { margin: 30px 0 0 0; }
#boundary .content ul li figcaption { font-size: 14px; line-height: 1.3; margin: 10px 0 0 0; }

#boundary .content ul li .data { font-size: 16px; line-height: 1.8; }
#boundary .content ul li .data + .data { margin: 20px 0 0 0; }
#boundary .content ul li .data table th { text-align: right; white-space: nowrap; }
#boundary .content ul li .data .fwB { font-weight: 700; }
#boundary .content ul li .data sup { font-size: 10px; vertical-align:text-top; }
#boundary .content ul li .data .txtI { text-indent: -1em; padding: 0 0 0 1em; }
#boundary .content ul li .data span { display: inline-block; }



@media screen and (max-width: 767px) {
	#boundary .content { margin: 50px 0 0 0; }
	#boundary .content h3 img:nth-child(1) { display: none; }
	#boundary .content h3 img:nth-child(2) { display: block; }
	#boundary .content h3 .cap { font-size: 12px; margin: 10px 0 0 10px; }
	
	#boundary .content ul { margin: 30px auto 0; }
	#boundary .content ul li:nth-child(1) { width: 100%; max-width: none; float: none; }
	#boundary .content ul li:nth-child(2) { width: 100%; max-width: 200px; float: none; margin: 20px auto 0; }
	#boundary .content ul li:nth-child(3) { width: 100%; max-width: none; float: none; margin: 30px 0 0 0; }
	#boundary .content ul.img360 li:nth-child(1) { width: 100%; max-width: none; float: none; }
	#boundary .content ul.img360 li:nth-child(2) { width: 100%; max-width: 300px; float: none; margin: 20px auto 0; }
	#boundary .content ul li h4 { font-size: 18px; }
	#boundary .content ul li h4 + p { font-size: 16px; margin: 10px 0 0 0; }
	#boundary .content ul li figure + figure { margin: 20px 0 0 0; }
	#boundary .content ul li figcaption { font-size: 12px; margin: 5px 0 0 0; }
	
	#boundary .content ul li .data { display: table; font-size: 14px; }
	#boundary .content ul li .data + .data { margin: 20px auto 0; }
	#boundary .content ul li .data br { display: none; }
	#boundary .content ul li .data span { display: block; }
}





/* swingBy
========================================================= */

#boundary .swingBy { box-sizing: border-box; padding: 0 calc(20/375 * 100%); margin: 70px 0 0 0; }

#boundary .swingBy .wrap {
	width: 100%;
	max-width: 940px;
	background-color: #fce5d7;
	box-sizing: border-box;
	padding: 0 calc(40/1500 * 100%) calc(40/1500 * 100%) calc(40/1500 * 100%);
	margin: 0 auto;
}

#boundary .swingBy ul {
	width: 100%;
	max-width: 860px;
	display: table;
	box-sizing: border-box;
	padding: 65px 0 0 0;
	position: relative;
}
#boundary .swingBy ul li:nth-child(1) { width: calc(620/860 * 100%); float: left; }
#boundary .swingBy ul li:nth-child(2) { width: calc(180/860 * 100%); float: right; }
#boundary .swingBy ul li:nth-child(3) { width: calc(620/860 * 100%); float: left; margin: 35px 0 0 0; }
#boundary .swingBy ul.img240 li:nth-child(1) { width: calc(560/860 * 100%); float: left; }
#boundary .swingBy ul.img240 li:nth-child(2) { width: calc(240/860 * 100%); float: right; }
#boundary .swingBy ul li .balloon { width: 107px; position: absolute; top: -20px; left: 10px; }
#boundary .swingBy ul li h4 { font-size: 18px; }
#boundary .swingBy ul li h4 span { font-size: 24px; font-weight: 700; }
#boundary .swingBy ul li h4 + p { font-size: 18px; line-height: 1.8; margin: 20px 0 0 0; }
#boundary .swingBy ul li:nth-child(2) img + img { margin: 10px 0 0 0; }

#boundary .swingBy .data { font-size: 16px; line-height: 1.8; }
#boundary .swingBy .data table th { text-align: right; vertical-align: top; white-space: nowrap; }
#boundary .swingBy .data span { display: inline-block; }



@media screen and (max-width: 767px) {
	#boundary .swingBy { margin: 60px 0 0 0; }
	#boundary .swingBy .wrap { padding: 0 20px 30px 20px; }
	
	#boundary .swingBy ul { padding: 50px 0 0 0; }
	#boundary .swingBy ul li:nth-child(1) { width: 100%; max-width: none; float: none; }
	#boundary .swingBy ul li:nth-child(2) {
		width: 100%;
		max-width: 370px;
		float: none;
		display: table;
		margin: 20px auto 0;
	}
	#boundary .swingBy ul li:nth-child(2) img { width: 48%; max-width: 180px; }
	#boundary .swingBy ul li:nth-child(2) img:nth-child(1) { float: left; }
	#boundary .swingBy ul li:nth-child(2) img:nth-child(2) { float: right; }
	#boundary .swingBy ul li:nth-child(2) img + img { margin: 0; }
	#boundary .swingBy ul.img240 li:nth-child(1) { width: 100%; max-width: none; float: none; }
	#boundary .swingBy ul.img240 li:nth-child(2) {
		width: 100%;
		max-width: 200px;
		float: none;
		display: table;
		margin: 20px auto 0;
	}
	#boundary .swingBy ul.img240 li:nth-child(2) img:nth-child(1) { width: 100%; float: none; }
	#boundary .swingBy ul.img180 li:nth-child(2) img:nth-child(1) {
		width: 100%;
		display: table;
		float: none;
		margin: 0 auto;
	}
	#boundary .swingBy ul li:nth-child(3) { width: 100%; max-width: none; float: none; margin: 20px 0 0 0; }
	#boundary .swingBy ul li .balloon { width: 90px; position: absolute; top: -20px; left: 0; }
	#boundary .swingBy ul li h4 { font-size: 16px; }
	#boundary .swingBy ul li h4 span { font-size: 20px; }
	#boundary .swingBy ul li h4 + p { font-size: 16px;  margin: 10px 0 0 0; }
	
	#boundary .swingBy .data { display: table; font-size: 14px; margin: 0 auto; }
	#boundary .swingBy .data span { display: block; }
}





/* reFresh
========================================================= */

#boundary .reFresh {
	width: 100%;
	max-width: 1500px;
	background-color: #e6f4fd;
	box-sizing: border-box;
	padding: 60px calc(20/375 * 100%) 80px;
	margin: 90px auto 0;
}

#boundary .reFresh .title { width: 100%; max-width: 940px; display: table; margin: 0 auto; }
#boundary .reFresh .title figure { width: 260px; float: right; }
#boundary .reFresh .title figure { position: relative; }
#boundary .reFresh .title figure figcaption {
	width: 100%;
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	position: absolute;
	bottom: 0;
}
#boundary .reFresh .title figure figcaption span { display: block; font-weight: 700; }
#boundary .reFresh .title h3 { width: calc(490/940 * 100%); max-width: 490px; }
#boundary .reFresh .title h3 + p {
	width: calc(620/940 * 100%);
	font-size: 18px;
	line-height: 1.8;
	font-weight: 700;
	margin: 30px 0 0 0;
}
#boundary .reFresh .title p + div { width: calc(620/940 * 100%); }

#boundary .reFresh .content { padding: 0; margin: 60px 0 0 0; }
#boundary .reFresh .content h3 .cap br { display: none; }

#boundary .reFresh .content ul li .dataList { display: table; }
#boundary .reFresh .content ul li .dataList p {
	float: left;
	border: solid 1px #000000;
	border-radius: 13px;
	font-size: 14px;
	line-height: 26px;
	padding: 0 10px;
	margin: 0 10px 0 0;
}
#boundary .reFresh .content ul li .dataList + .data { margin: 15px 0 0 0; }
#boundary .reFresh .content ul li:nth-child(3) { position: relative; }
#boundary .reFresh .content ul li:nth-child(3) .dataIll {
	width: calc(194/620 * 100%);
	max-width: 194px;
	position: absolute;
	top: 0;
	right: calc(70/620 * 100%);
}



@media screen and (max-width: 940px) {
	#boundary .reFresh .content ul li:nth-child(3) .dataIll { right: 0; transition: 0.2s; }
}

@media screen and (max-width: 767px) {
	#boundary .reFresh { padding: 40px calc(20/375 * 100%) 40px; margin: 50px auto 0; }
	
	#boundary .reFresh .title { display: flex; flex-direction: column; }
	#boundary .reFresh .title h3 { width: 90%; margin: 0 auto; }
	#boundary .reFresh .title h3 + p { width: 100%; font-size: 15px; margin: 20px 0 0 0; }
	#boundary .reFresh .title p + div { width: 100%; order: 3; }
	#boundary .reFresh .title figure { width: 200px; margin: 20px auto 0; order: 2; }
	#boundary .reFresh .title figure figcaption { font-size: 13px; line-height: 1.5; }
	
	#boundary .reFresh .content { padding: 0; margin: 50px 0 0 0; }
	#boundary .reFresh .content h3 .cap br { display: block; }
	#boundary .reFresh .content ul li .dataList { width: 200px; margin: 30px auto 0; }
	#boundary .reFresh .content ul li .dataList p {
		float: none;
		border-radius: 12px;
		font-size: 12px;
		line-height: 24px;
		text-align: center;
		padding: 0 10px;
		margin: 0;
	}
	#boundary .reFresh .content ul li .dataList + .data { margin: 15px auto 0; }
	#boundary .reFresh .content ul li .dataList p + p { margin: 5px 0 0 0; }
	#boundary .reFresh .content ul li:nth-child(3) .dataIll { display: none; }
}





/* charm
========================================================= */

#boundary .charm {
	width: 100%;
	max-width: 1500px;
	border-top: solid 3px #ed7979;
	border-bottom: solid 3px #ed7979;
	background-image: repeating-linear-gradient( -45deg, #ffffff, #ffffff 1px, #f2f2f2 1px, #f2f2f2 24px );
	box-sizing: border-box;
	padding: 80px calc(20/375 * 100%);
	margin: 0 auto;
}
#boundary .charm .wrap { width: 100%; max-width: 940px; margin: 0 auto; }

#boundary .charm h3 { width: 100%; max-width: 305px; }

#boundary .charm ul { width: 100%; display: table; margin: 40px 0 0 0; }


#boundary .charm ul.top li:nth-child(1) { width: calc(620/940 * 100%); float: left; }
#boundary .charm ul.top li:nth-child(2) { width: calc(260/940 * 100%); float: right; }
#boundary .charm ul.top li h4 { font-size: 22px; line-height: 1.7; font-weight: 700; }
#boundary .charm ul.top li p { font-size: 18px; line-height: 1.8; margin: 15px 0 0 0; }
#boundary .charm ul.top li figure + figure { margin: 20px 0 0 0; }
#boundary .charm ul.top li figcaption { font-size: 14px; line-height: 1.3; margin: 10px 0 0 0; }
#boundary .charm ul.top .sp { display: none; }

#boundary .charm ul.bottom li { display: flex; flex-direction: row; }
#boundary .charm ul.bottom li:nth-child(1) { width: calc(510/940 * 100%); max-width: 510px; float: left; }
#boundary .charm ul.bottom li:nth-child(1) figure { width: calc(160/510 * 100%); max-width: 160px; }
#boundary .charm ul.bottom li:nth-child(1) dl { max-width: 240px; margin: 0 0 0 20px; }
#boundary .charm ul.bottom li:nth-child(1) dl dt { font-size: 18px; font-weight: 700; }
#boundary .charm ul.bottom li:nth-child(1) dl dt span { font-size: 16px; }
#boundary .charm ul.bottom li:nth-child(1) dl dt + dd { font-size: 16px; line-height: 1.8; margin: 15px 0 0 0; }

#boundary .charm ul.bottom li:nth-child(2) {
	width: calc(430/940 * 100%);
	max-width: 430px;
	float: right;
	border-radius: 20px;
	background-color: #f9bfba;
	box-sizing: border-box;
	padding: 30px;
}
#boundary .charm ul.bottom li:nth-child(2) figure { width: calc(170/430 * 100%); max-width: 170px; }
#boundary .charm ul.bottom li:nth-child(2) figcaption {
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	margin: 10px 0 0 0;
}
#boundary .charm ul.bottom li:nth-child(2) div { max-width: 200px; margin: 0 0 0 20px; }
#boundary .charm ul.bottom li:nth-child(2) p:nth-child(1) { font-size: 16px; line-height: 1.8; }



@media screen and (max-width: 1040px) {
	#boundary .charm ul.bottom li { display: table; }
	
	#boundary .charm ul.bottom li:nth-child(1) { width: 48%; }
	#boundary .charm ul.bottom li:nth-child(1) figure { width: 100%; max-width: 130px; margin: 0 auto; }
	#boundary .charm ul.bottom li:nth-child(1) dl { display: table; max-width: none; margin: 15px auto 0; }
	#boundary .charm ul.bottom li:nth-child(1) dl dt { font-size: 16px; text-align: center; }
	#boundary .charm ul.bottom li:nth-child(1) dl dt span { font-size: 14px; }
	#boundary .charm ul.bottom li:nth-child(1) dl dt + dd { font-size: 14px; margin: 5px 0 0 0; }
	
	#boundary .charm ul.bottom li:nth-child(2) { width: 48%; max-width: none; border-radius: 10px; padding: 20px; }
	#boundary .charm ul.bottom li:nth-child(2) figure { width: 100%; max-width: 130px; margin: 0 auto; }
	#boundary .charm ul.bottom li:nth-child(2) figcaption { font-size: 12px; margin: 10px 0 0 0; }
	#boundary .charm ul.bottom li:nth-child(2) div { width: 100; max-width: none; margin: 20px auto 0; }
	#boundary .charm ul.bottom li:nth-child(2) p:nth-child(1) { font-size: 14px; text-align: center; }
	#boundary .charm ul.bottom li:nth-child(2) p:nth-child(1) br { display: none; }
	
	#boundary .charm ul.bottom .datailsLink1 { width: 200px; margin: 20px auto 0; }
}

@media screen and (max-width: 767px) {
	#boundary .charm { padding: 40px calc(20/375 * 100%) 50px; }
	
	#boundary .charm h3 { width: 60%; }
	
	#boundary .charm ul { margin: 30px 0 0 0; }
	#boundary .charm ul + ul { margin: 50px 0 0 0; }
	
	#boundary .charm ul.top li:nth-child(1) { width: 100%; float: none; }
	#boundary .charm ul.top li:nth-child(2) { width: 100%; max-width: 200px; float: none; margin: 20px auto 0; }
	#boundary .charm ul.top li h4 { font-size: 18px; line-height: 1.7; font-weight: 700; }
	#boundary .charm ul.top li div + p { font-size: 15px; margin: 30px 0 0 0; }
	#boundary .charm ul.top li figure + figure { margin: 10px 0 0 0; }
	#boundary .charm ul.top li figcaption { font-size: 12px; line-height: 1.3; margin: 10px 0 0 0; }
	
	#boundary .charm ul.top .sp { width: 100%; display: block; }
	#boundary .charm ul.top .sp figure { width: 100%; max-width: 130px; margin: 20px auto 0; }
	#boundary .charm ul.top .sp dl { display: table; max-width: none; margin: 15px auto 0; }
	#boundary .charm ul.top .sp dl dt { font-size: 16px; text-align: center; }
	#boundary .charm ul.top .sp dl dt span { font-size: 14px; }
	#boundary .charm ul.top .sp dl dt + dd { font-size: 14px; margin: 5px 0 0 0; }
	
	#boundary .charm ul.bottom li:nth-child(1) { display: none; }
	#boundary .charm ul.bottom li:nth-child(2) { width: 100%; float: none; margin: 0 auto; }
}





/* cheers
========================================================= */

#boundary .cheers {
	width: 100%;
	max-width: 1500px;
	background-color: #dde565;
	box-sizing: border-box;
	padding: 60px calc(20/375 * 100%) 80px;
	margin: 0 auto;
}

#boundary .cheers .content { padding: 0; margin: 0; }
#boundary .cheers .content ul li > p { font-size: 18px; line-height: 1.8; }
#boundary .cheers .content ul li .data span { display: inline-block; }



@media screen and (max-width: 767px) {
	#boundary .cheers { padding: 40px calc(20/375 * 100%) 60px; }
	#boundary .cheers .content ul li > p { font-size: 16px; }
	#boundary .cheers .content ul li .data span { display: block; }
}





/* 汎用パーツ
========================================================= */

/* plusIssue
------------------------------------------ */

.plusIssue { display: table; padding: 0 calc(20/375 * 100% ); margin: 100px auto 40px; }
.plusIssue div { display: table-cell; vertical-align: middle; }
.plusIssue div:nth-child(1) { width: 140px; }
.plusIssue div:nth-child(2) { padding: 0 0 0 20px; }
.plusIssue p { line-height: 1.4; text-align: center; }
.plusIssue p span { display: inline-block; padding: 0 0.5em; }
.plusIssue a {
	border: solid 2px #cacaca;
	display: table;
	font-size: 16px;
	padding: 0.5em 2em;
	margin: 15px auto 0;
}
.plusIssue ul { display: table; font-size: 13px; line-height: 20px; margin: 15px auto 0; }
.plusIssue li { display: table-cell; vertical-align: top; }

@media screen and (max-width: 767px) {
	.plusIssue { margin: 80px auto 40px; }
	.plusIssue div { display: block; }
	.plusIssue div:nth-child(2) { padding: 0; }
	.plusIssue div:nth-child(1) { margin: 0 auto 15px; }
	.plusIssue a { font-size: 14px; }
	.plusIssue ul { font-size: 12px; }
}



/* detailsLink
------------------------------------------ */

.datailsLink1 { width: 200px; margin: 15px 0 0 0; }
.datailsLink1 a {
	display: block;
	background-color: #333333;
	color: #ffffff;
	border-radius: 5px;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}

.datailsLink2 { width: 200px; margin: 15px auto 0; }
.datailsLink2 a {
	display: block;
	background-color: #ffffff;
	color: #333333;
	border-radius: 5px;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}

@media screen and (min-width: 769px) {
	.datailsLink1 a { transition: 0.2s; }
	.datailsLink1 a:hover { background-color: #fe8781; color: #ffffff; }
	
	.datailsLink2 a { transition: 0.2s; }
	.datailsLink2 a:hover { background-color: #fe8781; color: #ffffff; }
}

@media screen and (max-width: 767px) {
	.datailsLink1 { width: 200px; margin: 20px auto 0 !important; }
	
	.datailsLink2 { width: 200px; margin: 20px auto 0 !important; }
}