@charset "utf-8";

/* 汎用スタイル
========================================================= */

.taL { text-align: left; }
.taR { text-align: right; }
.taC { text-align: center; }
.fwB { font-weight: 700; }
.fcR { color: #e60012; }

.ofH { overflow: hidden; }
.flL { float: left; }
.flR { float: right; }

.txtUnder { text-decoration: underline; }

.fs12 { font-size: 1.2rem; line-height: 1.8rem; }

.notesList { display: table; }
.notesList dl { display: table-row; }
.notesList dl:not(:last-child) dt,
.notesList dl:not(:last-child) dd { padding-bottom: 5px; }
.notesList dt { display: table-cell; white-space: nowrap; padding-right: 5px; }
.notesList dd { display: table-cell; }

@media screen and (max-width: 960px) {
	.notesList dd br { display: none; }
}



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

/* ページタイトル
------------------------------------------ */

#pageTitle { width: 960px; border-bottom: solid 1px #e5e5e5; font-size: 4rem; line-height: 4rem; padding-top: 40px; padding-bottom: 38px; margin: 0 auto 50px; }

@media screen and (max-width: 1000px) {
	#pageTitle { width: 95%; font-size: 3.2rem; line-height: 3.2rem; padding-top: 30px; padding-bottom: 28px; margin-bottom: 35px; }
}

@media screen and (max-width: 640px) {
	#pageTitle { width: 90.625%; font-size: 2.6rem; line-height: 2.6rem; padding-top: 20px; padding-bottom: 18px; margin-bottom: 25px; }
}


/* 共有タイトル
------------------------------------------ */

.commonTitle1 { font-size: 2.5rem; line-height: 2.8rem; margin-bottom: 15px; }
.commonTitle2 { font-size: 2rem; line-height: 2.8rem; }

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

@media screen and (max-width: 640px) {
	.commonTitle1 { font-size: 2rem; line-height: 2.8rem; }
	.commonTitle2 { font-size: 1.8rem; line-height: 2.6rem; }
}


/* タイトルパーツ1
------------------------------------------ */

.lineTitle1 { position: relative; font-family: Verdana; font-size: 2.8rem; line-height: 3.8rem; padding-bottom: 9px; margin-bottom: 25px; }
.lineTitle1 span { font-size: 2rem; }
.lineTitle1:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background-color: #f79c19; content: ""; }
.lineTitle2 { border-bottom: solid 1px #dddddd; font-family: Verdana; font-size: 2rem; line-height: 2.8rem; padding-bottom: 9px; margin-bottom: 15px; }

@media screen and (max-width: 640px) {
	.lineTitle1 { font-size: 2.2rem; line-height: 3.2rem; }
	.lineTitle1 span { font-size: 1.6rem; }
	.lineTitle2 { font-size: 1.8rem; line-height: 2.6rem; }
}


/* タイトルパーツ2
------------------------------------------ */

.borderTitle1 { position: relative; font-family: Verdana; font-size: 2.8rem; line-height: 3.8rem; padding-bottom: 9px; margin-bottom: 25px; }
.borderTitle1:after { position: absolute; bottom: 0; left: 0; display: block; width: 40px; height: 2px; background-color: #f79c19; content: ""; }

@media screen and (max-width: 640px) {
	.borderTitle1 { font-size: 2.2rem; line-height: 3.2rem; padding-bottom: 5px; margin-bottom: 15px; }
}


/* ページトップ
------------------------------------------ */

.pageTop { text-align: right; padding-bottom: 30px; }
.pageTop a { position: relative; text-align: right; color: #333333; padding-left: 18px; }
.pageTop a:before { position: absolute; top: 8px; left: 1px; display: block; width: 5px; height: 5px; border-top: solid 1px #939393; border-right: solid 1px #939393; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (max-width: 640px) {
	.pageTop a { display: none; }
		body.cgProduct.cgpMiyano .pageTop { display: none; }
}


/* リンクスタイル
------------------------------------------ */

.linkArr1 a { position: relative; display: inline-block; padding-left: 15px; }
.linkArr1 a:before { position: absolute; top: 8px; left: 0; display: block; width: 5px; height: 5px; border-right: solid 1px #939393; border-bottom: solid 1px #939393; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.linkArr2 a { position: relative; display: inline-block; padding-left: 25px; }
.linkArr2 a:before { position: absolute; top: 8px; left: 4px; display: block; width: 5px; height: 5px; border-right: solid 1px #6c6c6c; border-bottom: solid 1px #6c6c6c; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.linkArr2 a:after { position: absolute; top: 3; left: 0; display: block; width: 14px; height: 14px; border: solid 1px #cccccc; border-radius: 8px; content: ""; }

.linkOut1 a { position: relative; display: inline-block; padding-left: 20px; }
.linkOut1 a:before { position: absolute; top: 6px; left: 2px; display: block; width: 6px; height: 8px; border: solid 1px #333399; content: ""; }
.linkOut1 a:after { position: absolute; top: 13px; left: 0; display: block; width: 4px; height: 4px; border-bottom: solid 1px #333399; border-left: solid 1px #333399; content: ""; }

.linkPdf1 a { display: inline-block; background: url(/common/share/icon_pdf1.svg) no-repeat left 2px; background-size: 16px 20px; padding-left: 25px; }


/* アンカーリンク
------------------------------------------ */

.anchorLink1 { display: table; margin-right: auto; margin-left: auto; }
.anchorLink2 { display: table; }
.anchorLink1 a,
.anchorLink2 a { position: relative; display: inline-block; text-decoration: none; padding: 10px 17px 9px 39px; }
.anchorLink1 a:before,
.anchorLink2 a:before { position: absolute; top: 17px; left: 24px; display: block; width: 5px; height: 5px; border-top: solid 1px #939393; border-right: solid 1px #939393; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

@media screen and (min-width: 769px) {
	.anchorLink1 a:hover,
	.anchorLink2 a:hover { background-color: #f8f8f8; }
}

@media screen and (max-width: 1000px) {
	.anchorLink1,
	.anchorLink2 { font-size: 1.3rem; line-height: 2.2rem; }
	.anchorLink1 a,
	.anchorLink2 a { padding: 8px 12px 7px 28px; }
	.anchorLink1 a:before,
	.anchorLink2 a:before { top: 14px; left: 10px; }
}
@media screen and (max-width: 767px) {
	.anchorLink1,
	.anchorLink2 { display: block; }
}

@media screen and (max-width: 640px) {
	.anchorLink1,
	.anchorLink2 { display: none; }
}


/* ポイントリストスタイル
------------------------------------------ */

.pointList1 li { position: relative; padding-left: 15px; }
.pointList1 li:not(:last-child) { margin-bottom: 3px; }
.pointList1 li:before { position: absolute; top: 9px; left: 4px; display: block; width: 4px; height: 4px; background-color: #666666; border-radius: 2px; content: ""; }

.pointList2 li { position: relative; padding-left: 15px; }
.pointList2 li:not(:last-child) { margin-bottom: 3px; }
.pointList2 li:before { position: absolute; top: 9px; left: 6px; display: block; width: 2px; height: 2px; background-color: #666666; border-radius: 1px; content: ""; }


/* お問い合わせBOX
------------------------------------------ */

.commonInquiry { background-color: #f0f0f0; padding: 30px; }
.commonInquiry .inquiryTxt { text-align: center; margin-bottom: 24px; }
.commonInquiry .inquiryTxt dt { font-size: 2.5rem; line-height: 2.8rem; padding-bottom: 10px; }
.commonInquiry .inquiryBtn1,
.commonInquiry .inquiryBtn2 { text-align: center; }
.commonInquiry .inquiryBtn1 a,
.commonInquiry .inquiryBtn2 a { display: inline-block; background-color: #333333; font-size: 1.6rem; line-height: 2.8rem; color: #ffffff; text-decoration: none; }
.commonInquiry .inquiryBtn1 a { padding: 12px 100px 10px; }
.commonInquiry .inquiryBtn2 a { min-width: 220px; padding: 12px 30px 10px; }

@media screen and (min-width: 769px) {
	.commonInquiry .inquiryBtn1 a,
	.commonInquiry .inquiryBtn2 a { -webkit-transition: 0.3s ease; transition: 0.3s ease; }
	.commonInquiry .inquiryBtn1 a:hover,
	.commonInquiry .inquiryBtn2 a:hover { opacity: 0.4; }
}

@media screen and (max-width: 780px) {
	.commonInquiry .inquiryBtn1 a
	.commonInquiry .inquiryBtn2 a { padding-bottom: 12px; }
}

@media screen and (max-width: 640px) {
	.commonInquiry { padding: 25px 15px 30px; }
	.commonInquiry .inquiryTxt dt { font-size: 2rem; }
	.commonInquiry .inquiryTxt dd { text-align: left; }
	.commonInquiry .inquiryTxt dd br { display: none; }
	.commonInquiry .inquiryBtn1 a,
	.commonInquiry .inquiryBtn2 a { width: 100%; box-sizing: border-box; font-size: 1.4rem; line-height: 2.4rem; padding: 8px 20px; }
}



/* 共有インデックススタイル
========================================================= */

/* ページタイトル
------------------------------------------ */

#categoryTitle { overflow: hidden; width: 100%; margin-bottom: 45px; }

body.cgpConcept #categoryTitle { background: url(/common/share/category_bg_concept.jpg) no-repeat center center #000000; color: #ffffff; text-align: center; padding-top: 92px; padding-bottom: 47px; }
body.cgpConcept #categoryTitle .categoryTitle { font-size: 4.8rem; line-height: 5.2rem; font-weight: 500; margin-bottom: 30px; }
body.cgpConcept #categoryTitle p { font-size: 2rem; line-height: 3.3rem; }
body.cgpConcept #categoryTitle p span { display: inline-block; }

body.cgpAlkapply #categoryTitle { background: url(/common/share/category_bg_alkapply.jpg) no-repeat center center; background-size: cover; padding-top: 65px; padding-bottom: 60px; }
body.cgpAlkapply #categoryTitle .categoryTitle { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 365px; height: 55px; background: url(/common/share/alkapplysolution_logo.svg) no-repeat left top; background-size: cover; margin: 0 auto 14px; }
body.cgpAlkapply #categoryTitle p { font-size: 2rem; line-height: 3.3rem; text-align: center; }

body.cgCompany #categoryTitle { background: url(/common/share/category_bg_company.jpg) no-repeat center center; background-size: cover; padding-top: 200px; padding-bottom: 26px; }
body.cgCompany #categoryTitle p { width: 960px; font-size: 1.6rem; line-height: 3.4rem; color: #ffffff; margin-right: auto; margin-left: auto; }

body.cgCsr #categoryTitle { background: url(/common/share/category_bg_csr.jpg) no-repeat center center; background-size: cover; padding-top: 110px; padding-bottom: 110px; }
body.cgCsr #categoryTitle p { text-align: center; font-size: 2.8rem; line-height: 4rem; }
body.cgCsr #categoryTitle .categoryTitle { font-size: 4rem; line-height: 4rem; font-weight: 500; text-align: center; }

body.cgHistory #categoryTitle { background: url(/common/share/category_bg_history1.jpg) no-repeat center top #000000; background-size: 1200px 350px; }
body.cgHistory #categoryTitle .categoryTitle { width: 360px; padding-top: 110px; padding-bottom: 110px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1000px) {
	#categoryTitle { margin-bottom: 40px; }
	#categoryTitle p { padding-right: 10px; padding-left: 10px; }
	
	body.cgpConcept #categoryTitle { padding-top: 9%; padding-bottom: 4.9%; }
	body.cgpConcept #categoryTitle .categoryTitle { font-size: 4rem; }
	body.cgpConcept #categoryTitle p { font-size: 1.8rem; }
	
	body.cgpAlkapply #categoryTitle { padding-top: 6.5%; padding-bottom: 6%; }
	body.cgpAlkapply #categoryTitle p { font-size: 1.8rem; }
	
	body.cgCompany #categoryTitle { padding-top: 22.5%; padding-bottom: 4.0625%; }
	body.cgCompany #categoryTitle p { width: 95%; }
	
	body.cgCsr #categoryTitle { padding-top: 11.77083333333333%; padding-bottom: 11.77083333333333%; }
	
	body.cgHistory #categoryTitle { background-size: cover; }
	body.cgHistory #categoryTitle .categoryTitle { width: 36%; padding-top: 11%; padding-bottom: 11%; }
}

@media screen and (max-width: 640px) {
	#categoryTitle { margin-bottom: 30px; }
	
	body.cgpConcept #categoryTitle { background-position: center -30px; padding-top: 5%; padding-bottom: 3.75%; }
	body.cgpConcept #categoryTitle .categoryTitle { font-size: 3rem; line-height: 4rem; margin-bottom: 3.125%; }
	body.cgpConcept #categoryTitle p { font-size: 1.5rem; line-height: 2.4rem; }
	body.cgpConcept #categoryTitle p span { display: block; }
	
	body.cgpAlkapply #categoryTitle { padding-top: 17.1875%; padding-bottom: 13.4375%; }
	body.cgpAlkapply #categoryTitle .categoryTitle { width: 250px; height: 38px; box-sizing: border-box; }
	body.cgpAlkapply #categoryTitle p { display: none; }
	
	body.cgCompany #categoryTitle p { width: 90.625%; font-size: 1.4rem; line-height: 2rem; }
	
	body.cgCsr #categoryTitle p { font-size: 2rem; line-height: 3rem; text-shadow: 1px 1px 1px #ffffff; }
	body.cgCsr #categoryTitle .categoryTitle { font-size: 2.6rem; line-height: 3rem; text-shadow: 1px 1px 1px #ffffff; }
	
	body.cgHistory #categoryTitle { background-image: url(/common/share/category_bg_history2.jpg); }
	body.cgHistory #categoryTitle .categoryTitle { width: 67.5%; padding-top: 11.25%; padding-bottom: 11.25%; }
}


/* メニュー
------------------------------------------ */

.indexTitle { font-size: 2.8rem; line-height: 4rem; font-weight: 500; }

.indexMenu { display: table; border-spacing: 30px; }
.indexMenu.menuColumn2 { width: 930px; margin-right: auto; margin-left: auto; }
.indexMenu.menuColumn3 { margin-right: -30px; margin-left: -30px; }
.indexMenu .imCell{ display: table-row; }
.indexMenu .imCell a { display: table-cell; background-color: #f0f0f0; box-sizing: border-box; color: #333333; text-decoration: none; }
.indexMenu.menuColumn2 .imCell a { width: 45.16129032258065%; padding: 2.29885057471264% 2.29885057471264% 1.60919540229885%; }
.indexMenu.menuColumn3 .imCell a { width: 30.3030303030303%; padding: 2.08333333333333% 2.08333333333333% 1.45833333333333%; }
.indexMenu.menuColumn2 .imCell a img { margin-bottom: 12px; }
.indexMenu.menuColumn3 .imCell a img { margin-bottom: 10px; }
.indexMenu .imCell a .imName { position: relative; line-height: 3.8rem; font-weight: 500; text-align: center; padding-bottom: 14px; margin-bottom: 14px; }
.indexMenu.menuColumn2 .imCell a .imName { font-size: 2.2rem; }
.indexMenu.menuColumn3 .imCell a .imName { font-size: 2rem; }
.indexMenu .imCell a .imName:after { position: absolute; left: 0; right: 0; bottom: 0; width: 21.05263157894737%; height: 3px; background-color: #818181; margin-right: auto; margin-left: auto; content: ""; }
.indexMenu .imCell a p { text-align: center; }

.indexBtn1 { width: 300px; }
.indexBtn1 a { display: block; background-color: #f79c19; font-size: 1.8rem; line-height: 2.4rem; color: #ffffff; text-align: center; text-decoration: none; padding: 24px 10px 23px; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.indexBtn1 a span { display: inline-block; background: url(/common/share/icon_down3.svg) no-repeat left center; background-size: 25px 22px; padding-left: 39px; }

@media screen and (min-width: 769px) {
	.imCell a { -webkit-transition: 0.3s ease; transition: 0.3s ease; }
	.imCell a:hover { opacity: 0.4; }
	
	.indexBtn1 a { -webkit-transition: 0.3s ease; transition: 0.3s ease; }
	.indexBtn1 a:hover { opacity: 0.4; }
}

@media screen and (max-width: 1000px) {
	.indexMenu.menuColumn2 { width: 100%; border-spacing: 20px; }
	.indexMenu.menuColumn3 { border-spacing: 20px; margin-right: -20px; margin-left: -20px; }
}

@media screen and (max-width: 768px) {
	.indexMenu.menuColumn2 { border-spacing: 15px; }
	.indexMenu.menuColumn3 { border-spacing: 15px; margin-right: -15px; margin-left: -15px; }
	.indexMenu.menuColumn2 .imCell a { padding: 2%; }
	.indexMenu.menuColumn3 .imCell a { padding: 1.8%; }
	.indexMenu.menuColumn2 .imCell a img { margin-bottom: 12px; }
	.indexMenu.menuColumn3 .imCell a img { margin-bottom: 10px; }
	.indexMenu .imCell a .imName { line-height: 3.4rem; padding-bottom: 12px; }
	.indexMenu.menuColumn2 .imCell a .imName { font-size: 2rem; }
	.indexMenu.menuColumn3 .imCell a .imName { font-size: 1.8rem; }
	.indexMenu .imCell a p { font-size: 1.2rem; line-height: 2rem; }
}

@media screen and (max-width: 640px) {
	.indexTitle { font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 20px; }
	
	.indexMenu.menuColumn2,
	.indexMenu.menuColumn3 { display: block; border-spacing: 0; margin-right: 0; margin-left: 0; }
	.indexMenu .imCell { display: block; }
	.indexMenu .imCell a { display: block; }
	.indexMenu.menuColumn2 .imCell a,
	.indexMenu.menuColumn3 .imCell a { width: 100%; padding: 6.89655172413793%; margin-bottom: 6.89655172413793%; }
	.indexMenu .imCell a .imName { line-height: 3.8rem; padding-bottom: 14px; }
	.indexMenu.menuColumn3 .imCell a .imName { font-size: 2rem; }
	.indexMenu .imCell a p { font-size: 1.4rem; line-height: 2.4rem; }
	
	.indexBtn1 { width: 100%; }
	.indexBtn1 a { padding: 22px; }
}

@media screen and (max-width: 450px) {
	.indexMenu .imCell a p br { display: none; }
	
	.indexBtn1 a { font-size: 1.6rem; line-height: 2.2rem; }
}



/* 間隔調整
========================================================= */

.pt00{padding-top:0;}.pt01{padding-top:1px;}.pt02{padding-top:2px;}.pt03{padding-top:3px;}.pt04{padding-top:4px;}.pt05{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt75{padding-top:75px;}.pt80{padding-top:80px;}
.pr00{padding-right:0;}.pr01{padding-right:1px;}.pr02{padding-right:2px;}.pr03{padding-right:3px;}.pr04{padding-right:4px;}.pr05{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}.pr75{padding-right:75px;}.pr80{padding-right:80px;}
.pb00{padding-bottom:0;}.pb01{padding-bottom:1px;}.pb02{padding-bottom:2px;}.pb03{padding-bottom:3px;}.pb04{padding-bottom:4px;}.pb05{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}.pb75{padding-bottom:75px;}.pb80{padding-bottom:80px;}
.pl00{padding-left:0;}.pl01{padding-left:1px;}.pl02{padding-left:2px;}.pl03{padding-left:3px;}.pl04{padding-left:4px;}.pl05{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl75{padding-left:75px;}.pl80{padding-left:80px;}

.mt00{margin-top:0;}.mt01{margin-top:1px;}.mt02{margin-top:2px;}.mt03{margin-top:3px;}.mt04{margin-top:4px;}.mt05{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}
.mr00{margin-right:0;}.mr01{margin-right:1px;}.mr02{margin-right:2px;}.mr03{margin-right:3px;}.mr04{margin-right:4px;}.mr05{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}.mr75{margin-right:75px;}.mr80{margin-right:80px;}
.mb00{margin-bottom:0;}.mb01{margin-bottom:1px;}.mb02{margin-bottom:2px;}.mb03{margin-bottom:3px;}.mb04{margin-bottom:4px;}.mb05{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb75{margin-bottom:75px;}.mb80{margin-bottom:80px;}
.ml00{margin-left:0;}.ml01{margin-left:1px;}.ml02{margin-left:2px;}.ml03{margin-left:3px;}.ml04{margin-left:4px;}.ml05{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}.ml75{margin-left:75px;}.ml80{margin-left:80px;}

.rmb20{margin-bottom:20px;}.rmb30{margin-bottom:30px;}.rmb40{margin-bottom:40px;}.rmb50{margin-bottom:50px;}.rmb60{margin-bottom:60px;}.rmb70{margin-bottom:70px;}.rmb80{margin-bottom:80px;}
@media screen and (max-width: 640px) {.rmb20{margin-bottom:10px;}.rmb30{margin-bottom:15px;}.rmb40{margin-bottom:20px;}.rmb50{margin-bottom:25px;}.rmb60{margin-bottom:30px;}.rmb70{margin-bottom:35px;}.rmb80{margin-bottom:40px;}}