@charset "utf-8";@media only screen and (max-width:640px){#mainPanelArea{height:70vh;background-size:cover;background-position:-100px 0}#mainPanelArea:before{background-size:50% auto;bottom:0}#mainPanelArea .tagline{text-align:right;color:#fff;padding:10px 20px;font-weight:700;line-height:1.5}#mainPanelArea .catch{margin-left:30px}#mainPanelArea .catch h1{font-size:3.5em}#mainPanelArea .catch h1 span{top:-10px}#mainPanelArea .copy{margin-left:32px;margin-right:32px;font-size:.875em;margin-top:-20px;line-height:1.5}#mainPanelArea .scroll{bottom:80px}#mainPanelArea .scroll:after{bottom:-30px;height:30px}#mainPanelArea .contact .button a.md_btn_main{padding:16px 0;min-width:160px;width:50%}#blogArea{padding:40px 0;margin-top:0}#blogArea:before{display:none}#blogArea .md_title{position:relative}#blogArea .md_title:before{width:80%;top:28px}#blogArea .md_title:after{height:90px;top:0}#blogArea .button{position:inherit;right:inherit;top:inherit;margin-top:40px;text-align:center}#blogArea .blog{margin-top:20px}#blogArea .blog ul{padding-left:1px}#blogArea .blog ul li{width:50%;margin-top:10px;margin-left:-1px}#blogArea .blog ul li a .image{height:120px;overflow:hidden}#blogArea .blog ul li a .image img{width:100%;height:auto}#blogArea .blog ul li a .data{padding:20px 15px}#blogArea .blog ul li a .data .date{margin-top:10px}#blogArea .blog ul li a .data .category{position:inherit;right:inherit;top:inherit}#blogArea .blog ul li a .data .text{margin-top:10px;font-size:.875em}#blogArea .blog ul li.pick:after{width:48px;height:48px;background-size:48px auto}#aboutArea{padding:0 0 60px;background:#f0f0f0;position:relative;overflow:hidden}#aboutArea .tagline{font-size:5em;left:inherit;right:-170px;top:60%;z-index:0;transform:rotate(270deg) translate(0,-5px);margin-top:-20px}#aboutArea:before{content:"";position:inherit;right:inherit;top:inherit;display:block;margin-top:0;width:100%;height:0;padding-top:50%;background:url(//oikelaw-plus.com/sys/wp-content/themes/oike-law/assets/common/css/../../imageFile/top/image_about.png) no-repeat center;background-size:cover}#aboutArea .md_title{position:relative;z-index:0;margin-top:40px}#aboutArea .md_title:before{width:80%;top:28px}#aboutArea .md_title:after{height:90px;top:0}#aboutArea .md_subTitle{position:relative;z-index:0}#aboutArea .md_subTitle:after{content:"";position:absolute;left:530px;top:-130px;height:760px;width:1px;background:#ccc;z-index:-1}#aboutArea .catch{font-size:1.5em;margin-top:30px}#aboutArea .text{margin-top:15px;width:inherit;padding-right:40px}#aboutArea .button{margin-top:30px;text-align:center}}