@charset "UTF-8";
/*=============================================================
 style
=============================================================*/
/*!  #mainimg
================================================ */
#mainimg { min-height: 235px; background: url(../img/bg_mainimg_sp.png) no-repeat center center; background-size: cover; }
@media (min-width: 600px) { #mainimg { height: 600px; background: #f8f8f9 url(../img/bg_mainimg_pc.png) no-repeat center center; } }
#mainimg .mainimgIn { padding: 30px 15px; }
@media (min-width: 600px) { #mainimg .mainimgIn { width: 1170px; margin: 0 auto; padding: 80px 0 0; } }
#mainimg .mainimgIn .txt { font-size: 1.8rem; font-weight: 700; color: #fff; text-shadow: 0 4px 14px rgba(0, 0, 0, 0.4); }
@media (min-width: 600px) { #mainimg .mainimgIn .txt { font-size: 3.6rem; } }
#mainimg .mainimgIn .tit { color: #fff; font-size: 2.5rem; font-weight: 900; line-height: 1.5; margin-top: 10px; letter-spacing: .03em; text-shadow: 0 4px 14px rgba(0, 0, 0, 0.4); }
@media (min-width: 600px) { #mainimg .mainimgIn .tit { font-size: 5.4rem; line-height: 1.3; margin-top: 20px; } }
#mainimg .mainimgIn .list { margin-top: 10px; }
#mainimg .mainimgIn .list .item { font-weight: 900; line-height: 1.2; padding-left: 25px; margin-top: 15px; background-repeat: no-repeat; background-position: left center; background-size: 19px auto; color: #fff; text-shadow: 0 4px 14px rgba(0, 0, 0, 0.4); }
@media (min-width: 600px) { #mainimg .mainimgIn .list .item { padding-left: 56px; margin-top: 25px; background-size: 36px auto; font-size: 2.4rem; } }
#mainimg .mainimgIn .list .item.item01 { background-image: url(../img/ico_mainimg01.png); }
#mainimg .mainimgIn .list .item.item02 { background-image: url(../img/ico_mainimg02.png); }
#mainimg .mainimgIn .list .item.item03 { background-image: url(../img/ico_mainimg03.png); }
#mainimg .mainimgIn .list .item em { font-size: 2rem; font-weight: 900; color: #fff; vertical-align: baseline; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #278bba), color-stop(70%, #278bba), color-stop(80%, #278bba), color-stop(90%, #278bba), color-stop(90%, transparent)); background: -webkit-linear-gradient(top, transparent 70%, #278bba 70%, #278bba 70%, #278bba 80%, #278bba 90%, transparent 90%); background: linear-gradient(to bottom, transparent 70%, #278bba 70%, #278bba 70%, #278bba 80%, #278bba 90%, transparent 90%); }
@media (min-width: 600px) { #mainimg .mainimgIn .list .item em { font-size: 3.9rem; }  #mainimg .mainimgIn .list .item em.number { font-size: 3.9rem; } }
/*!  #about
================================================ */
#about { background: url(../img/bg_about01_sp.png) no-repeat center center #e6f4fc; background-size: 100% auto; padding: 40px 15px 40px; }
@media (min-width: 600px) { #about { box-sizing: border-box; background: url(../img/bg_about01_pc.png) no-repeat center center #e6f4fc; background-size: auto; padding: 85px 0; } }
#about .tit { margin-bottom: 20px; text-align: center; font-size: 2.4rem; font-weight: 700; line-height: 1.5; }
@media (min-width: 600px) { #about .tit { font-size: 4.2rem; } }
#about .img { margin-bottom: 30px; }
@media (min-width: 600px) { #about .img { width: 719px; margin: 0 auto 50px; } }
@media (min-width: 600px) { #about .txt { width: 1040px; margin: auto; } }
/*!  #trouble
================================================ */
#trouble { background-color: #e6f4fc; padding: 40px 15px 0; }
@media (min-width: 600px) { #trouble { padding: 85px 0 0; } }
#trouble .box { position: relative; }
@media (min-width: 600px) { #trouble .box { float: left; width: 370px; margin-right: 30px; } }
#trouble .box.box01 { min-height: 177px; }
#trouble .box.box02 { min-height: 186px; }
#trouble .box.box03 { min-height: 172px; }
@media (min-width: 600px) { #trouble .box.box03 { margin-right: 0; } }
#trouble .box .txt { position: relative; box-sizing: border-box; padding: 13px; margin-left: 120px; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 1.5rem; }
@media (min-width: 600px) { #trouble .box .txt { padding: 25px; margin-left: 0; font-size: 1.8rem; } }
#trouble .box .txt:before { position: absolute; top: 0; left: -19px; display: block; content: ""; width: 0; height: 0; border-top: 12px solid #fff; border-right: 12px solid #fff; border-bottom: 12px solid transparent; border-left: 12px solid transparent; }
@media (min-width: 600px) { #trouble .box .txt:before { top: auto; bottom: -28px; left: 245px; border-top: 14px solid #fff; border-right: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #fff; } }
#trouble .box .txt.txt02 { margin: 0 120px 0 0; }
@media (min-width: 600px) { #trouble .box .txt.txt02 { margin-right: 0; } }
#trouble .box .txt.txt02:before { left: auto; right: -19px; border-top: 12px solid #fff; border-right: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #fff; }
@media (min-width: 600px) { #trouble .box .txt.txt02:before { right: auto; bottom: -28px; left: 245px; border-top: 14px solid #fff; border-right: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #fff; } }
#trouble .box .human { position: absolute; }
@media (min-width: 600px) { #trouble .box .human { position: relative; margin: -12px auto 0; z-index: 1; } }
#trouble .box .human.human01 { top: 0; left: 0; width: 107px; }
@media (min-width: 600px) { #trouble .box .human.human01 { width: 109px; } }
#trouble .box .human.human02 { top: 0; right: 0; width: 141px; }
#trouble .box .human.human03 { top: 0; left: 15px; width: 82px; }
/*!  #point
================================================ */
#point { padding: 40px 15px; }
@media (min-width: 600px) { #point { padding: 85px 0; } }
@media (min-width: 600px) { #point .tit { font-size: 4.2rem; } }
#point .tit .txtImg { margin-right: 5px; }
@media (min-width: 600px) { #point .tit .txtImg { margin: 0 5px; } }
#point .tit .txtImg img { position: relative; height: 3.6rem; width: auto; vertical-align: baseline; }
@media (min-width: 600px) { #point .tit .txtImg img { height: 68px; top: -5px; vertical-align: inherit; } }
@media (min-width: 600px) { #point .box { float: left; width: 375px; margin-right: 22px; }  #point .box:last-child { margin-right: 0; } }
#point .box:nth-child(2n) .blueBlock { background: #6dc2ea; }
#point .box .img { max-width: 300px; margin: 0 auto; }
@media (min-width: 600px) { #point .box .img { max-width: 355px; } }
#point .box .tit { padding: 10px 0; text-align: center; font-size: 1.8rem; font-weight: 700; line-height: 1.5; }
@media (min-width: 600px) { #point .box .tit { padding: 20px 0; font-size: 2.4rem; } }
#point .box .blueBlock { position: relative; margin-top: 65px; padding: 27.5px 24px; background: #2fa8e1; text-align: center; color: #fff; }
@media (min-width: 600px) { #point .box .blueBlock { margin-top: 58px; padding-bottom: 40px; } }
#point .box .blueBlock:before { content: ""; position: absolute; top: -50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border: 64px solid transparent; border-top: 32px solid #fdd54b; }
@media (min-width: 600px) { #point .box .blueBlock:before { border-width: 29px; border-top-width: 20px; top: -40px; } }
#point .box .blueBlock .ballon { display: inline-block; height: 24px; width: 106px; margin: auto; background: #fff; color: #2e434d; line-height: 24px; font-size: 1.6rem; font-weight: bold; border-radius: 30px; }
@media (min-width: 600px) { #point .box .blueBlock .ballon { height: 31px; line-height: 31px; font-size: 1.8rem; } }
#point .box .blueBlock .tit { padding: 10px 0; }
@media (min-width: 600px) { #point .box .blueBlock .tit { font-size: 1.5rem; } }
#point .box .blueBlock .img { width: 220px; height: auto; margin-bottom: 20px; }
@media (min-width: 600px) { #point .box .blueBlock .img { width: 233px; margin-bottom: 15px; } }
#point .box .blueBlock .txt { font-size: 1.3rem; }
#point .box .blueBlock .list{text-align:left; padding:8px 0 12px;}
#point .box .blueBlock .txt span {font-weight:bold; font-size:2rem;}
/*!  #service
================================================ */
#service { background-color: #f5f5f5; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 40px 15px 35px; }
@media (min-width: 600px) { #service { padding: 85px 0 95px; } }
#service .table01 { border-collapse: separate; border-spacing: 0; }
#service .table01 th { box-sizing: border-box; width: 33.3%; padding: 10px 10px; text-align: center; vertical-align: middle; font-size: 1.2rem; font-weight: 700; color: #fff; }
@media (min-width: 600px) { #service .table01 th { width: auto; padding: 14px 15px; font-size: 1.8rem; } }
#service .table01 th.th01 { position: relative; background-color: #2fa8e1; border-right: 3px solid #2fa8e1; border-left: 3px solid #2fa8e1; padding: 5px 10px 15px; }
@media (min-width: 600px) { #service .table01 th.th01 { width: 42%; padding: 0 15px 14px; border-right: 6px solid #2fa8e1; border-left: 6px solid #2fa8e1; font-size: 2.1rem; } }
#service .table01 th.th01:before { position: absolute; top: -11px; left: -3px; display: block; content: ""; width: 100%; height: 12px; background-color: #2fa8e1; border-right: 3px solid #2fa8e1; border-left: 3px solid #2fa8e1; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
@media (min-width: 600px) { #service .table01 th.th01:before { top: -15px; left: -6px; height: 16px; border-right: 6px solid #2fa8e1; border-left: 6px solid #2fa8e1; } }
#service .table01 th.th02 { background-color: #2e434d; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; }
@media (min-width: 600px) { #service .table01 th.th02 { width: 40%; } }
#service .table01 td { padding: 15px 5px; background-color: #fff; border: 1px solid #eaeaea; border-bottom: none; text-align: center; vertical-align: middle; font-size: 1.1rem; font-weight: 700; line-height: 1.4; }
@media (min-width: 600px) { #service .table01 td { position: relative; padding: 23px 25px 23px 70px; text-align: left; font-size: 1.8rem; } }
#service .table01 td .ico { display: block; width: 23px; margin: 0 auto 5px; }
@media (min-width: 600px) { #service .table01 td .ico { position: absolute; top: 50%; left: 25px; display: inline-block; width: 32px; margin: 0 15px 0 0; vertical-align: middle; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } }
#service .table01 td:first-child { padding: 15px; text-align: left; }
@media (min-width: 600px) { #service .table01 td:first-child { padding: 23px 30px; font-size: 1.5rem; } }
#service .table01 td:nth-child(2) { border-right: 3px solid #2fa8e1; border-left: 3px solid #2fa8e1; }
@media (min-width: 600px) { #service .table01 td:nth-child(2) { position: relative; border-right: 6px solid #2fa8e1; border-left: 6px solid #2fa8e1; } }
#service .table01 td:nth-child(2):before { position: absolute; top: -1px; left: -3px; display: block; content: ""; width: 0; height: 100%; border-left: 3px solid #2fa8e1; }
@media (min-width: 600px) { #service .table01 td:nth-child(2):before { left: -6px; border-left: 6px solid #2fa8e1; } }
#service .table01 td:nth-child(2):after { position: absolute; top: -1px; right: -3px; display: block; content: ""; width: 0; height: 100%; border-right: 3px solid #2fa8e1; }
@media (min-width: 600px) { #service .table01 td:nth-child(2):after { right: -6px; border-right: 6px solid #2fa8e1; } }
#service .table01 tr:first-child td:first-child { border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; }
#service .table01 tr:nth-child(even) td { background-color: #fcfcfc; }
#service .table01 tr:last-child td { border-bottom: 1px solid #eaeaea; }
#service .table01 tr:last-child td:first-child { border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5x; -moz-border-radius: 0 0 0 5px; }
#service .table01 tr:last-child td:last-child { border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; }
#service .table01 tr:last-child td:nth-child(2):before { position: absolute; top: auto; bottom: -3px; left: -3px; display: block; content: ""; width: 100%; height: 0; border: 3px solid #2fa8e1; border-top: none; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5x; -moz-border-radius: 0 0 5px 5px; }
@media (min-width: 600px) { #service .table01 tr:last-child td:nth-child(2):before { bottom: -6px; left: -6px; width: 101.4%; border: 3px solid #2fa8e1; } }
#service .table01 tr:last-child td:nth-child(2):after { display: none; }
/*!  #support
================================================ */
#support { padding: 40px 15px 15px; }
@media (min-width: 600px) { #support { padding: 85px 0 30px; } }
#support .list .item { box-sizing: border-box; float: left; width: 48%; margin: 0 4% 25px 0; }
@media (min-width: 600px) { #support .list .item { width: 270px; margin: 0 30px 55px 0; } }
#support .list .item:nth-child(2n) { margin-right: 0; }
@media (min-width: 600px) { #support .list .item:nth-child(2n) { margin-right: 30px; } }
@media (min-width: 600px) { #support .list .item:nth-child(4n) { margin-right: 0; } }
#support .list .item .img { margin-bottom: 15px; }
@media (min-width: 600px) { #support .list .item .img { margin-bottom: 0; } }
#support .list .item .img img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
@media (min-width: 600px) { #support .list .item .img img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } }
@media (min-width: 600px) { #support .list .item .titArea { box-sizing: border-box; display: table; width: 100%; min-height: 85px; padding: 15px 0; } }
#support .list .item .tit { margin-bottom: 10px; font-size: 1.5rem; font-weight: 700; line-height: 1.5; text-align: center; }
@media (min-width: 600px) { #support .list .item .tit { display: table-cell; font-size: 1.8rem; vertical-align: middle; } }
#support .list .item:last-child { margin-bottom: 0; }
@media (min-width: 600px) { #support .list .item:last-child { position: relative; } }
#support .list .item:last-child .txt { box-sizing: border-box; position: relative; padding: 15px; background-color: #30a8e1; border-radius: 5px; -webkit-border-radius: 5x; -moz-border-radius: 5px; font-size: 1.2rem; font-weight: 700; color: #fff; }
@media (min-width: 600px) { #support .list .item:last-child .txt { float: left; width: 155px; border-radius: 10px; -webkit-border-radius: 10x; -moz-border-radius: 10px; } }
#support .list .item:last-child .txt:before { position: absolute; bottom: -28px; right: 0; display: block; content: ""; width: 0; height: 0; border-top: 28px solid #30a8e1; border-right: 28px solid #30a8e1; border-bottom: 28px solid transparent; border-left: 28px solid transparent; }
@media (min-width: 600px) { #support .list .item:last-child .txt:before { bottom: 0; right: -18px; z-index: -1; border-top: 28px solid transparent; border-right: 28px solid transparent; border-bottom: 28px solid #30a8e1; border-left: 28px solid #30a8e1; } }
#support .list .item:last-child .human { position: relative; z-index: 1; width: 120px; margin: -10px 0 0 10%; }
@media (min-width: 600px) { #support .list .item:last-child .human { float: right; width: 108px; margin: 0; } }
/*!  #biz
================================================ */
#biz { background: url(../img/bg_biz01_sp.png) no-repeat center center; background-size: cover; padding: 43px 15px 15px; }
@media (min-width: 600px) { #biz { background: url(../img/bg_biz01_pc.png) no-repeat center center; background-size: cover; padding: 90px 0 35px; } }
#biz .tit { max-width: 336px; margin: 0 auto 20px; }
@media (min-width: 600px) { #biz .tit { max-width: 496px; margin-bottom: 35px; } }
@media (min-width: 600px) { #biz .list { margin-bottom: 40px; } }
#biz .list .item { box-sizing: border-box; position: relative; padding: 20px; margin-bottom: 30px; background-color: #fff; background-repeat: no-repeat; background-position: left top; background-size: 89px auto; border: 3px solid #001079; border-radius: 10px; -webkit-border-radius: 10x; -moz-border-radius: 10px; }
@media (min-width: 600px) { #biz .list .item { float: left; width: 370px; padding: 40px 20px 30px; margin: 0 30px 0 0; } }
#biz .list .item.item01 { background-image: url(../img/bg_biz_point01.png); }
#biz .list .item.item02 { background-image: url(../img/bg_biz_point02.png); }
#biz .list .item.item03 { background-image: url(../img/bg_biz_point03.png); }
@media (min-width: 600px) { #biz .list .item.item03 { margin-right: 0; } }
#biz .list .item:after { position: absolute; bottom: -40px; left: 50%; content: "＋"; font-size: 2.8rem; font-weight: 900; color: #46a8e3; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
@media (min-width: 600px) { #biz .list .item:after { top: 50%; right: -33px; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } }
#biz .list .item:last-child:after { display: none; }
#biz .list .item .ico { max-width: 75px; margin: 0 auto; }
@media (min-width: 600px) { #biz .list .item .ico { max-width: 100px; } }
#biz .list .item .stit { margin-top: 10px; text-align: center; font-size: 1.5rem; font-weight: 700; }
@media (min-width: 600px) { #biz .list .item .stit { margin-top: 15px; font-size: 2.4rem; } }
@media (min-width: 600px) { #biz .txt { font-size: 1.8rem; } }
/*!  #system
================================================ */
#system { padding: 40px 15px 45px; }
@media (min-width: 600px) { #system { padding: 85px 0 90px; } }
@media (min-width: 600px) { #system .table01 { width: 1020px; margin: 0 auto; } }
#system .table01 th { box-sizing: border-box; width: 50%; padding: 20px 10px; text-align: center; vertical-align: middle; font-size: 1.2rem; color: #fff; }
@media (min-width: 600px) { #system .table01 th { padding: 15px 20px; font-size: 1.8rem; } }
#system .table01 th.th01 { background-color: #2e434d; }
#system .table01 th.th02 { background-color: #2fa8e1; border-left: 1px solid #e6e6e6; }
#system .table01 td { padding: 12px 10px; border: 1px solid #e6e6e6; font-size: 1.1rem; vertical-align: middle; }
@media (min-width: 600px) { #system .table01 td { padding: 10px 20px; font-size: 1.5rem; } }
#system .table01 td.th { background-color: #fcfcfc; text-align: center; }
/*!  #flow
================================================ */
#flow { padding: 40px 15px 15px; background-color: #f5f5f5; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
@media (min-width: 600px) { #flow { padding: 85px 0; } }
#flow .list .item { box-sizing: border-box; position: relative; width: 100%; padding: 34px 30px 34px 150px; margin-bottom: 30px; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align: center; }
@media (min-width: 600px) { #flow .list .item { float: left; width: 180px; padding: 30px 10px 35px; margin: 0 67px 0 0; }  #flow .list .item:last-child { margin-right: 0; } }
#flow .list .item:after { position: absolute; bottom: -24px; left: 50%; display: block; content: ""; width: 12px; height: 17px; background: url(../img/arw_flow01.png) no-repeat center center; background-size: 12px 17px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
@media (min-width: 600px) { #flow .list .item:after { top: 50%; right: -45px; bottom: auto; left: auto; width: 24px; height: 33px; background-size: 24px 33px; -webkit-transform: translate(0, -50%) rotate(-90deg); -ms-transform: translate(0, -50%) rotate(-90deg); transform: translate(0, -50%) rotate(-90deg); } }
#flow .list .item:last-child:after { display: none; }
@media (min-width: 600px) { #flow .list .item .stit { margin-bottom: 20px; } }
#flow .list .item .stit span { padding: 3px 20px; background-color: #37abe2; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #fff; }
@media (min-width: 600px) { #flow .list .item .stit span { padding: 2px 15px; font-size: 1.2rem; } }
#flow .list .item .ico { position: absolute; top: 23px; left: 32px; }
@media (min-width: 600px) { #flow .list .item .ico { position: static; top: inherit; left: inherit; } }
#flow .list .item .ico img { max-width: 95px; }
@media (min-width: 600px) { #flow .list .item .ico img { max-width: 80px; } }
#flow .list .item .tit { font-size: 1.8rem; font-weight: 700; margin-top: 5px; }
@media (min-width: 600px) { #flow .list .item .tit { margin-top: 10px; } }
/*!  #contact
================================================ */
#contact { padding: 40px 15px; }
@media (min-width: 600px) { #contact { width: 1000px; padding: 85px 0; margin: 0 auto; }  #contact .stit { font-size: 1.8rem; } }
#contact .box { box-sizing: border-box; position: relative; padding: 20px 15px 15px; margin-bottom: 30px; border: 3px solid #f5f5f5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align: center; }
@media (min-width: 600px) { #contact .box { float: left; width: 500px; padding: 0 30px; border: none; } }
@media (min-width: 600px) { #contact .box .tit { display: none; } }
#contact .box .tit span { padding: 5px 20px; background-color: #001079; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-size: 1.5rem; font-weight: 700; color: #fff; }
#contact .box .tel { margin-top: 10px; font-size: 3.6rem; font-weight: 900; line-height: 1; }
@media (min-width: 600px) { #contact .box .tel { margin-top: 0; font-size: 5.0rem; } }
#contact .box .tel:before { position: relative; top: 1px; content: ""; display: inline-block; width: 30px; height: 30px; margin-right: 12px; background: url(../img/ico_tel01.png) no-repeat center center; background-size: 30px 30px; }
@media (min-width: 600px) { #contact .box .tel:before { width: 40px; height: 40px; margin-right: 18px; background-size: 40px 40px; } }
#contact .box .time { margin-top: 5px; }
@media (min-width: 600px) { #contact .box .time { margin-top: 10px; font-size: 1.4rem; } }
#contact .box .arealink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; }
@media (min-width: 600px) { #contact .box .arealink { display: none; } }
@media (min-width: 600px) { #contact .btn { box-sizing: border-box; float: right; width: 500px; padding: 0 20px; } }
#contact .btn a { display: block; padding: 30px; background-color: #001079; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; text-align: center; font-size: 1.5rem; font-weight: 700; color: #fff; text-decoration: none; }
@media (min-width: 600px) { #contact .btn a { padding: 32px 30px; font-size: 1.8rem; } }
#contact .btn a:before { position: relative; top: 1px; content: ""; display: inline-block; width: 17px; height: 13px; margin-right: 14px; background: url(../img/ico_contact_btn01.png) no-repeat center center; background-size: 17px 13px; }
@media (min-width: 600px) { #contact .btn a:before { width: 22px; height: 17px; margin-right: 12px; background-size: 22px 17px; } }