@charset "UTF-8";

/*-----------------------------------

/css/top.css

-----------------------------------*/

/*-------------------------
__top_style
-------------------------*/
#content{}
#top{}

/*-------------------------
.main_image
-------------------------*/
#top .main_image{background:#DDD;}
#top .main_image .inner{width:100%;max-width:1440px;height:500px;margin:0 auto;background:url(/images/main_image01.jpg) center 0 no-repeat;background-size:1440px,500px;position:relative;}
#top .main_image h1{
font-size: 24px;
line-height: 34px;
font-weight: 700;
color: #ffffff;
text-align: center;
position: absolute;
margin: 0;padding: 0;
top: 35%;
left: 50%;
transform: translateY(-35%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 100%;
}
#top .main_image h1 img{height:100px;width:auto;position:absolute;margin:auto;top:105px;bottom:0;left:0;right:0;}

/*-------------------------
.box00 - トピックス
.box01 - 物件トップ表示
.box02 - 会社概要
.box03 - お問い合わせ
.box04 - 検索
.box05 - コンテンツボタン
.box00 h2
.box01 h2
.box02 h2
.box03 h2
.box04 h2
.box05 h2
-------------------------*/
#top .box00,
#top .box01,
#top .box02,
#top .box03,
#top .box04,
#top .box05{padding:70px 0 0;margin:-70px 0 0;}
#top .box00 .box_back{padding:50px 0;}
#top .box01 .box_back{padding:50px 0;}
#top .box02 .box_back{padding:50px 0 0;background:#EEE;}
#top .box03 .box_back{padding:50px 0;}
#top .box04 .box_back{padding:50px 0 0;background:#EEE;}
#top .box05 .box_back{padding:50px 0 0;}
#top .box00 h2,
#top .box01 h2,
#top .box02 h2,
#top .box03 h2,
#top .box04 h2,
#top .box05 h2{text-align:left;width:960px;margin:0 auto;padding:0 0 30px;}
#top .box00 h2 span,
#top .box01 h2 span,
#top .box02 h2 span,
#top .box03 h2 span,
#top .box04 h2 span,
#top .box05 h2 span{font-size:30px;line-height:40px;height:40px;text-align:center;letter-spacing:normal;display:inline-block;vertical-align:bottom;border-top:5px solid #22b4af/*メインカラー*/;padding:10px 10px 0 10px;margin:0 10px;}
#top .box00 h2 small,
#top .box01 h2 small,
#top .box02 h2 small,
#top .box03 h2 small,
#top .box04 h2 small,
#top .box05 h2 small{font-size:1em;line-height:2.5;display:inline-block;vertical-align:bottom;}
/*物件表示を複数並べる場合*/
#top .box01 + .box01 .box_back{padding:20px 0 50px 0;}



/*-------------------------
.box00
-------------------------*/
#top .box00 .box_inner{width:960px;margin:0 auto;}
#top .box00 .topics{padding:14px;margin:0 10px;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}
#top .box00 .topics ul{width:100%;max-height:250px;overflow:auto;}
#top .box00 .topics li{text-align:left;position:relative;min-height:50px;}
#top .box00 .topics li:nth-child(odd){background:#EEE;}
#top .box00 .topics li .ph{width:40px;height:40px;display:block;overflow:hidden;position:absolute;top:5px;left:5px;background:#22b4af/*メインカラー*/ url(/images/topics_icon.png) no-repeat scroll 0 0 / 40px 40px;border-radius:20px;transition:0.3s;}
#top .box00 .topics li .ph img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:300px;max-height:40px;transform:translate(-50%,-50%);}
#top .box00 .topics li time{font-size:12px;line-height:20px;width:25%;min-height:50px;padding:15px 0 15px 60px;box-sizing:border-box;display:inline-block;vertical-align:top;}
#top .box00 .topics li time img{vertical-align:baseline;display:inline-block;padding:0 0 0 10px;}
#top .box00 .topics li .comm{font-size:14px;line-height:20px;width:75%;min-height:50px;padding:15px 15px 15px 0;box-sizing:border-box;display:inline-block;vertical-align:top;}
#top .box00 .topics li a{display:block;text-decoration:none;transition:0.3s;}
#top .box00 .topics li a .ph{}
#top .box00 .topics li a .ph img{}
#top .box00 .topics li a time{color:#000;}
#top .box00 .topics li a .comm{color:#22b4af/*メインカラー*/;}
#top .box00 .topics li a .comm::before{content:"▶";transition:0.3s;margin:0 0.5em 0 -1.5em;}


/*-------------------------
.box01
-------------------------*/
#top .box01 .box_inner{width:960px;margin:0 auto 10px;font-size:0;letter-spacing:-1em;}
#top .box01 .room1_wrap{text-align:left;}
#top .box01 .room1{width:100%;letter-spacing:normal;display:inline-block;vertical-align:top;text-align:center;}
#top .box01 .room1 a{color:#000;text-decoration:none;display:block;}
#top .box01 .room1 .room_inner{margin:10px;height:375px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;
background:#EEE;
background:-moz-linear-gradient(left,#EEE 0%,#FFF 100%);
background:-webkit-linear-gradient(left,#EEE 0%,#FFF 100%);
background:linear-gradient(to right,#EEE 0%,#FFF 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=1);
}
#top .box01 .room1 .name{font-size:14px;color:#FFF;line-height:20px;height:20px;text-align:left;background:#22b4af/*メインカラー*/;overflow:hidden;border:5px solid #22b4af/*メインカラー*/;border-width:7px 10px 3px 10px;}
#top .box01 .room1 .photo{height:225px;background:#DDD;position: relative;}
#top .box01 .room1 .photo img{width:auto;height:auto;max-width:100%;max-height:225px;transition:0.3s;}
#top .box01 .room1 .photo span {position: absolute;left: 5px;top: 5px;background: #ff0000;color: #ffffff;font-size: 12px;line-height: 20px;height: 20px;padding: 0 5px;}
#top .box01 .room1 .kind{text-align:left;margin:-30px 0 0;position: absolute;}
#top .box01 .room1 .kind span{font-size:16px;line-height:30px;text-align:center;display:inline-block;padding:0 10px;background:rgba(255,255,255,0.8);position:relative;}
/*種別カラー*/
#top .box01 .room1 .kind.kind1 span{color:#d90000;}/*新築*/
#top .box01 .room1 .kind.kind2 span{color:#0040ff;}/*中古*/
#top .box01 .room1 .kind.kind3 span{color:#2db200;}/*土地*/
#top .box01 .room1 .kind.kind4 span{color:#ff8000;}/*マンション*/
#top .box01 .room1 .kind.kind5 span{color:#5c26ff;}/*投資事業用*/
#top .box01 .room1 .add{font-size:14px;line-height:30px;text-align:left;height:30px;margin:0 10px;overflow:hidden;}
#top .box01 .room1 .comment{font-size:14px;line-height:20px;color:#22b4af/*メインカラー*/;text-align:left;border:1px solid #22b4af/*メインカラー*/;height:40px;margin:0 10px;padding:4px 4px;}
#top .box01 .room1 .comment_inner{width:100%;height:40px;display:block;overflow:hidden;}
#top .box01 .room1 .price1{font-size:14px;line-height:40px;color:#F00;text-align:right;margin:0 10px;height:40px;overflow:hidden;}
#top .box01 .room1 .price2{font-size:20px;font-weight:700;padding:0 5px;}

/*-------------------------
.box02
-------------------------*/
/*概要*/
#top .box02 .box_inner{width:960px;margin:0 auto;padding:0 0 50px;}
#top .box02 .box_inner dl{font-size:0;letter-spacing:-1em;text-align:left;border-bottom:1px solid #AAA;margin:0 10px;padding:20px 0;}
#top .box02 .box_inner dt,
#top .box02 .box_inner dd{font-size:14px;line-height:20px;letter-spacing:normal;display:inline-block;vertical-align:top;}
#top .box02 .box_inner dt{font-weight:700;width:195px;padding:0 0 0 5px;}
#top .box02 .box_inner dd{width:730px;padding:0 5px;}
#top .box02 .box_inner dd a:not(.call){color:#EB6F28/*アクセントカラー*/;text-decoration:underline;transition:0.3s;}
#top .box02 .box_inner dd a.call{color:inherit;text-decoration:inherit;pointer-events:none;}
/*写真*/
#top .box02 .box_ph{padding:0 0 50px;}
#top .box02 .box_ph ul{font-size:0;letter-spacing:-1em;text-align:center;}
#top .box02 .box_ph li{font-size:0;width:320px;vertical-align:top;display:inline-block;padding:0 10px;box-sizing:border-box;}
#top .box02 .box_ph li a{display:block;position:relative;height:225px;background:#FFF;box-shadow:0 1px 6px 1px rgba(0, 0, 0, 0.4);transition:0.3s;}
#top .box02 .box_ph li img{width:auto;height:auto;max-width:100%;max-height:225px;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;transition:0.3s;}
/*マップ*/
#top .box02 .box_map{}
#top .box02 .box_map .box_map_inner{font-size:0;height:300px;}
#top .box02 .box_map .box_map_inner iframe{border:none;width: 100%;height: 300px;}

/*-------------------------
.box03
-------------------------*/
#top .box03 .box_inner,
#top .box03 .box_inner2{width:960px;margin:0 auto;}
#top .box03 .box_inner dl{font-size:0;letter-spacing:-1em;text-align:left;margin:0 10px;}
#top .box03 .box_inner dt,
#top .box03 .box_inner dd{font-size:14px;line-height:40px;letter-spacing:normal;display:inline-block;vertical-align:top;padding-top:20px;}
#top .box03 .box_inner dt{font-weight:700;width:195px;padding-left:5px;}
#top .box03 .box_inner dd{width:740px;}
#top .box03 .box_inner dd + dd{padding-left:200px;}
#top .box03 .box_inner .att1{font-size:12px;font-weight:400;color:#F00;}
#top .box03 dd input[type="text"],
#top .box03 dd textarea{font-size:14px;line-height:20px;margin:0 5px;padding:0;border:1px solid #AAA;background:#EEE;box-shadow:1px 1px 1px rgba(0,0,0,0.3) inset;border-radius:5px;}
#top .box03 dd input[type="text"]{padding:9px;}
#top .box03 dd textarea{line-height:30px;padding:0 9px;height:120px;}
#top .box03 dd input[type="button"]{font-size:14px;line-height:40px;color:#FFF;height:40px;border:1px solid #AAA;background:#545454;display:inline-block;padding:0 15px;border-radius:7px;}
/*共通*/
#top .box03 dd input[type="text"],
#top .box03 dd textarea,
#top .box03 dd input[type="button"],
#top .box03 .btn1 input[type="submit"],
#top .box03 dd label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
#top .box03 dd input[type="button"],
#top .box03 .btn1 input[type="submit"]{-webkit-appearance:button;appearance:button;}
/*フォーカス処理*/
#top .box03 dd input[type="text"]:focus,
#top .box03 dd textarea:focus{background:#FFF;}
/*横幅設定*/
#top .box03 dd .fm_s{width:180px;}
#top .box03 dd .fm_m{width:280px;}
#top .box03 dd .fm_l{width:520px;}
#top .box03 dd .fm_ll{width:calc(100% - 30px);}
/*郵便番号*/
#top .box03 dd.add{position:relative;}
#top .box03 dd.add input[type="text"]{padding-left:35px;}
#top .box03 dd.add::after{content:"〒";display:inline-block;position:absolute;top:20px;left:15px;}
/*placeholder*/
#top input[type="text"]::-webkit-input-placeholder,
#top textarea::-webkit-input-placeholder,
#top input[type="text"]:-ms-input-placeholder,
#top textarea:-ms-input-placeholder,
#top input[type="text"]:placeholder-shown,
#top textarea:placeholder-shown{color:#AAA;}
/*入力時のキーボード*/
#top .ime_jp{ime-mode:active;}
#top .ime_en{ime-mode:disabled;}
/*チェックボックス*/
#top .box03 dd label.ck1{}
#top .box03 dd label.ck1 input{display:none;}
#top .box03 dd label.ck1 span{display:inline-block;line-height:38px;height:38px;padding:0 9px 0 49px;background:url(/images/form_ck2.png) 5px 5px no-repeat;background-size:30px,30px;border:1px solid #FFF;border-radius:7px;cursor:pointer;transition:0.3s;}
#top .box03 dd label.ck1 input:checked + span{background-image:url(/images/form_ck1.png);border-color:#F00;}
/*submitボタン*/
#top .box03 .btn1{padding:35px 0 0;}
#top .box03 .btn1 input[type="submit"]{font-size:20px;line-height:50px;color:#FFF;padding:0 40px;height:50px;display:inline-block;background:#EB6F28/*アクセントカラー*/;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}

/*プライバシーポリシー*/
#top .box03 .privacy{margin:30px 15px 0 15px;border:1px solid #AAA;background:#FFF;position:relative;}
#top .box03 .privacy::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;
background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
}
#top .box03 .privacy .inner{width:100%;height:300px;overflow:auto;-webkit-overflow-scrolling:touch;}
#top .box03 .privacy .page_caption,
#top .box03 .privacy dl{font-size:14px;line-height:22px;text-align:left;margin:0 10px;padding:10px 0 0;}
#top .box03 .privacy .page_caption{}
#top .box03 .privacy dl{}
#top .box03 .privacy dt{font-size:20px;padding:20px 0 0;}
#top .box03 .privacy dd{padding:10px 0 0;}
#top .box03 .privacy dt.box1{font-size:14px;}
#top .box03 .privacy dd.box2{margin:0 0 0 30px;}
#top .box03 .privacy .pp_contact{background:#EEE;padding:20px 0;margin:20px 0 0;}
#top .box03 .privacy .pp_contact h4{font-size:16px;font-weight:700;line-height:25px;}
#top .box03 .privacy .pp_contact p{font-size:14px;line-height:25px;padding:5px 0 0;}
#top .box03 .privacy .pp_contact br.line1{display:none;}
#top .box03 .privacy .pp_contact br.line1 + .line0{padding:0 0 0 1em;}


/*-------------------------
.box04
-------------------------*/
#top .box04 .box_inner{width:960px;margin:0 auto;}
#top .box04 .search{margin:0 10px;}
#top .box04 .search h3{font-size:16px;line-height:1;color:#FFF;text-align:left;padding:10px 5px 6px 7px; margin:0 5px;background:#22b4af/*メインカラー*/;}
#top .box04 .search .area{font-size:0;letter-spacing:-1em;text-align:left;padding:0 0 50px;}
#top .box04 .search .area li{width:50%;vertical-align:top;display:inline-block;}
#top .box04 .search .area li a{text-decoration:none;display:block;margin:10px 5px 0 5px;position:relative;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;
background:#EEE;
background:-moz-linear-gradient(left,#EEE 0%,#FFF 100%);
background:-webkit-linear-gradient(left,#EEE 0%,#FFF 100%);
background:linear-gradient(to right,#EEE 0%,#FFF 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=1);
}
#top .box04 .search .area li a::before{content:"";width:40px;height:40px;display:block;border-radius:20px;background:#22b4af/*メインカラー*/ url(/images/search_icon1.png) 0 0 no-repeat;background-size:40px 40px;position:absolute;top:50%;left:10px;transform:translateY(-50%);}
#top .box04 .search .area li a span{font-size:16px;line-height:20px;letter-spacing:normal;color:#000;display:block;padding:20px 0 20px 65px;}
#top .box04 .search .special{font-size:0;letter-spacing:-1em;text-align:left;padding:0 0 40px;}
#top .box04 .search .special li{width:50%;vertical-align:top;display:inline-block;}
#top .box04 .search .special li a{font-size:18px;line-height:24px;letter-spacing:normal;color:#000;text-decoration:none;display:block;padding:20px 15px 20px 25px;margin:0 5px 10px 5px;background:#FFF;position:relative;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}
#top .box04 .search .special li:nth-child(1) a{background:#FFF url(/images/search_sum01.jpg) no-repeat scroll right 0 / 160px 80px;}
#top .box04 .search .special li:nth-child(2) a{background:#FFF url(/images/search_sum02.jpg) no-repeat scroll right 0 / 160px 80px;}
#top .box04 .search .special li:nth-child(3) a{background:#FFF url(/images/search_sum03.jpg) no-repeat scroll right 0 / 160px 80px;}
#top .box04 .search .special li:nth-child(4) a{background:#FFF url(/images/search_sum04.jpg) no-repeat scroll right 0 / 160px 80px;}
#top .box04 .search .special li a span{font-size:13px;line-height:16px;color:#22b4af/*メインカラー*/;display:block;}


/*-------------------------
.box05
-------------------------*/
#top .box05 .box_inner{width:960px;margin:0 auto;}
#top .box05 .contentsbtn{margin:0 10px 50px;}
#top .box05 .contentsbtn ul{font-size:0;letter-spacing:-1em;padding:0;}
#top .box05 .contentsbtn li{width:50%;vertical-align:top;display:inline-block;letter-spacing:normal;position: relative;}

#top .box05 .contentsbtn li:nth-child(-n+3) {margin: 0 0 10px;}

#top .box05 .contentsbtn li a{
text-decoration:none;display:block;margin:0 5px;padding: 140px 0 0; background:#EEE;border-radius:6px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}
#top .box05 .contentsbtn li a span{font-size:18px;line-height:20px;color:#000;padding:10px;display:block;background:rgba(255,255,255,0.7);
border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
}
#top .box05 .contentsbtn li.cont_btn_cont1 a{background:#EEE url(/images/cont_btn_cont1.jpg) no-repeat scroll center / cover;}
#top .box05 .contentsbtn li.cont_btn_voice a{background:#EEE url(/images/cont_btn_voice.jpg) no-repeat scroll center / cover;}
#top .box05 .contentsbtn li.cont_btn_staff a{background:#EEE url(/images/cont_btn_staff.jpg) no-repeat scroll center / cover;}
#top .box05 .contentsbtn li.cont_btn_pdf a{background:#EEE url(/images/cont_btn_pdf.jpg) no-repeat scroll center / cover;}
#top .box05 .contentsbtn li.cont_btn_area a{background:#EEE url(/images/cont_btn_area.jpg) no-repeat scroll center / cover;}
#top .box05 .contentsbtn li.cont_btn_case a{background:#EEE url(/images/cont_btn_case.jpg) no-repeat scroll center / cover;}


.aeon {margin: 0 0 50px;}
.aeon img {width: 300px;}


.car {padding: 20px 0 80px;}
.car p {font-size: 16px;line-height: 2;}
.car p span {font-size: 20px;line-height: 2;font-weight: 700;vertical-align: middle;}

.car_btn {
display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background: #22b4af;
color: #FFF;
border-radius: 3px;

}
.car_btn:hover {opacity: 0.5;}




.banner {width: 90%; margin: 0 auto 20px;}
.banner ul {}
.banner ul li {width: 100%;text-align: center;z-index: 1;display: block;margin: 0 0 20px;}
.banner ul li img {width: 100%;height: auto;margin: auto;}
.banner ul li a {}
.banner ul li a:hover{
filter:alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity:0.5;
zoom:1;
}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.banner {width: 90%; margin: 0 auto 5%;}

.banner ul li {margin: 0 0 5%;}
.banner ul li img {width: 100%;height: auto;}
}




.small_banner {width: 90%; margin: 0 auto 50px;}
.small_banner ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.small_banner ul li {width: 48%;text-align: center;z-index: 1;}

.small_banner ul li:first-child {margin: 0 4% 0 0;}
.small_banner ul li img {margin: auto;}
.small_banner ul li a {display: block;position: relative;}
.small_banner ul li a:hover{
filter:alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity:0.5;
zoom:1;
}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.small_banner {width: 90%; margin: 0 auto 5%;}
.small_banner ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.small_banner ul li {width: 48%;text-align: center;}
.small_banner ul li:first-child {margin: 0 4% 0 0;}
.small_banner ul li img {width: 100%;height: auto; margin: auto;}
.small_banner ul li a {display: block;}
.small_banner ul li a:hover{opacity: 0.5;}

}



.btn_block {}
.btn_block .list_btn {font-size:20px;line-height:50px;color:#FFF;text-decoration: none; padding:0 40px;height:50px;display:inline-block;background:#EB6F28/*アクセントカラー*/;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}
.btn_block .list_btn:hover{box-shadow:none;transform:translateY(1px);-webkit-filter:saturate(180%);filter:saturate(180%);opacity:0.8;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.btn_block {padding: 5% 0 0;}
.btn_block .list_btn {font-size:14px;line-height:50px;color:#FFF;text-decoration: none; padding:0 40px;height:50px;display:inline-block;background:#EB6F28/*アクセントカラー*/;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}
.btn_block .list_btn:hover{box-shadow:none;transform:translateY(1px);-webkit-filter:saturate(180%);filter:saturate(180%);opacity:0.8;}
}



.service {text-decoration: none;
display: block;
margin: 0 15px 10px;
background: #fff;
border-radius: 6px;
box-shadow: 0 1px 6px 1px rgba(0,0,0,0.4);
transition: 0.3s;
overflow: hidden;}
.service img{width: 100%;height: auto;vertical-align: bottom;}
.service:hover{box-shadow:none;transform:translateY(1px);-webkit-filter:saturate(180%);filter:saturate(180%);opacity:0.8;}
.pc {display: block;}
.sph {display: none;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.service {text-decoration: none;
display: block;
margin: 0 5% 10px;
background: #fff;
border-radius: 6px;
box-shadow: 0 1px 6px 1px rgba(0,0,0,0.4);
transition: 0.3s;
overflow: hidden;}
.service img{width: 100%;height: auto;vertical-align: bottom;}
.service:hover{box-shadow:none;transform:translateY(1px);-webkit-filter:saturate(180%);filter:saturate(180%);opacity:0.8;}
.pc {display: none;}
.sph {display: block;}
}