/*!
 * Theme Name: ground
 * Description:テーマの説明
 * Theme URI: テーマの URL
 * Author: 名無し
 * Author URI: 作った人の URL
 * Version: バージョン
 * License: ライセンス
 * License URI: ライセンスの URL
 */
*{margin:0;padding:0;box-sizing:border-box;line-height:1}body{font-family:'Jura', sans-serif;font-weight:500;font-size:100%;color:#616060;min-height:100vh;background:url(images/back.jpg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}ul{list-style:none}a{text-decoration:none}.cf::after{content:"";clear:both;display:table}.header{background:#000;padding:25px 0}.header div{background:#fff;width:980px;height:100px;margin:0 auto;border-radius:5px;padding:0 20px 0 5px}.header div h1{height:34px;float:left;margin-top:33px}.header div h1 img{height:100%;width:auto}@media only screen and (max-width: 640px) and (min-width: 300px){.header div h1{display:none}}.header div nav{float:right;margin-top:27.5px}.header div nav label,.header div nav input[type="checkbox"]{display:none}@media only screen and (max-width: 640px) and (min-width: 300px){.header div nav label{display:block;margin:0;cursor:pointer;height:55px;background:#fff;box-shadow:0px 2px 3px rgba(0,0,0,0.5);position:relative}.header div nav label h1{display:block;float:none;margin-top:0;width:70%;height:auto;position:absolute;top:50%;left:2.5%;transform:translateY(-50%)}.header div nav label h1 img{height:auto;width:100%}.header div nav label span{display:block;position:absolute;top:50%;right:2.5%;transform:translateY(-50%)}.header div nav label span img{height:25px;width:auto}}.header div nav li{float:left;width:125px;height:45px;text-align:center}.header div nav li a{display:block;height:45px;line-height:45px;color:#fff;background:url(images/nav_back.jpg);font-size:80%;position:relative;z-index:0;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-weight:bold;border-radius:10px;transition:0.3s;box-shadow:0px 0px 3px rgba(0,0,0,0.7)}.header div nav li a:hover,.header div nav li a.now{color:#333;background:url(images/nav_back_now.jpg)}@media only screen and (max-width: 640px) and (min-width: 300px){.header div nav li a{border-radius:0;box-shadow:none}}.header div nav li ~ li{margin-left:10px}@media only screen and (max-width: 640px) and (min-width: 300px){.header div nav li ~ li{margin-left:0}}@media only screen and (max-width: 640px) and (min-width: 300px){.header div nav li{float:none;width:100%}.header div nav ul{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;margin:0;padding:0;list-style:none}.header div nav input[type="checkbox"].bellows+ul,.header div nav input[type="checkbox"].bellows_in+ul{height:0;overflow:hidden}.header div nav input[type="checkbox"].bellows:checked+ul{height:180px}.header div nav input[type="checkbox"].bellows_in:checked+ul{height:180px}}@media only screen and (max-width: 640px) and (min-width: 300px){.header div nav{margin:0;float:none}}@media only screen and (max-width: 640px) and (min-width: 300px){.header div{width:100%;padding:0;border-radius:0;height:55px;position:fixed;top:0;left:0;z-index:9999}}@media only screen and (max-width: 640px) and (min-width: 300px){.header{padding:0}}.main{position:relative;overflow:hidden;width:100%;padding-bottom:5px}.main section{position:relative}.main.top .hero{background:#000;padding:30px 0 80px}.main.top .hero article{width:860px;height:415px;margin:0 auto;position:relative;background:url(images/hero.jpg) no-repeat center right/550px;z-index:0}.main.top .hero article div{color:#fd8324;width:30%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.main.top .hero article div h2{font-size:2.8rem;font-weight:normal;margin-bottom:70px}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top .hero article div h2{margin-bottom:20px}}.main.top .hero article div p{font-size:1.8rem}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top .hero article div{width:100%;position:static;top:auto;left:auto;transform:none}}.main.top .hero article img{display:none}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top .hero article img{display:block;width:100%;height:auto;margin-top:15px}}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top .hero article{width:90%;height:auto;background:none;position:static}}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top .hero{padding:85px 0px 30px;margin-bottom:15px}}.main.top ul{width:970px;margin:-100px auto 0;z-index:1;position:relative}.main.top ul li{width:300px;height:350px;background:#fff;box-shadow:0px 0px 7px rgba(0,0,0,0.7);float:left;border-radius:5px;padding:20px}.main.top ul li h3{font-size:1.4rem;color:#542c15;margin-bottom:30px}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top ul li h3{margin-bottom:20px}}.main.top ul li p{line-height:1.4;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-weight:bold}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top ul li{width:100%;height:auto}}.main.top ul li ~ li{margin-left:35px}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top ul li ~ li{margin:15px 0 0}}@media only screen and (max-width: 640px) and (min-width: 300px){.main.top ul{width:95%;margin:0 auto;position:static}}.main.in section{width:980px;margin:0 auto;border:1px solid #fed6ad;padding:50px 80px;border-radius:5px;background:linear-gradient(#fff 3px, #e7e7e7 4px, #fff 100px);box-shadow:0px 0px 7px rgba(0,0,0,0.7)}.main.in section h2{margin-bottom:30px;font-size:300%;font-weight:normal;color:#333;line-height:1.5}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in section h2{font-size:200%;margin-bottom:20px}}.main.in section p{font-size:150%;line-height:1.3}.main.in section p+p{margin-top:1.5em}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in section{width:96%;padding:20px}}.main.in .specs h2{margin-bottom:60px}.main.in .specs div:first-of-type{float:left;width:400px}.main.in .specs div:first-of-type table{width:100%;font-size:130%}.main.in .specs div:first-of-type table th{text-align:left;vertical-align:top;font-weight:normal;width:45%;padding-top:20px;line-height:1.2}.main.in .specs div:first-of-type table td{padding-top:20px;line-height:1.2}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in .specs div:first-of-type table th{display:block;width:100%;padding-top:10px;font-weight:bold}.main.in .specs div:first-of-type table td{display:block;width:100%;padding-top:5px}}.main.in .specs div:first-of-type table tr:first-of-type th,.main.in .specs div:first-of-type table tr:first-of-type td{padding-top:0}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in .specs div:first-of-type table{font-size:110%}}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in .specs div:first-of-type{float:none;width:100%}}.main.in .specs div:nth-of-type(2){width:350px;float:right}.main.in .specs div:nth-of-type(2) img{width:100%;height:auto}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in .specs div:nth-of-type(2){width:100%;float:none;margin-top:20px}}.main.in .contact{padding:50px 30px}.main.in .contact div:nth-of-type(2){margin-top:70px}.main.in .contact div:nth-of-type(2) article div:first-of-type{float:left;width:30%}.main.in .contact div:nth-of-type(2) article div:first-of-type h3{color:#fd8324;font-size:150%;margin-bottom:20px}.main.in .contact div:nth-of-type(2) article div:first-of-type p{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-size:100%;font-weight:bold;margin-bottom:50px}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in .contact div:nth-of-type(2) article div:first-of-type p{margin-bottom:15px}}.main.in .contact div:nth-of-type(2) article div:first-of-type a{display:inline-block}.main.in .contact div:nth-of-type(2) article div:first-of-type a+a{margin-left:7px}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in .contact div:nth-of-type(2) article div:first-of-type{float:none;width:100%}}.main.in .contact div:nth-of-type(2) article div:nth-of-type(2){float:right;width:65%;margin-top:0}.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form p{margin:0;line-height:1}.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form p+p{margin-top:5px}.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form p:last-of-type{text-align:right}.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form input,.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form textarea{-webkit-appearance:none;border-radius:5px;border:none;font-family:'Jura', sans-serif;font-size:1.5rem;color:#fff}.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form input[type="text"],.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form input[type="tel"],.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form input[type="email"]{height:40px;width:100%;background:#303030;padding-left:1rem}.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form textarea{width:100%;height:145px;background:#303030;padding:1rem 0 0 1rem}.main.in .contact div:nth-of-type(2) article div:nth-of-type(2) form input[type="submit"]{background:#fd8324;width:135px;height:40px;text-align:center}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in .contact div:nth-of-type(2) article div:nth-of-type(2){float:none;width:100%;margin-top:30px}}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in .contact{padding:20px}}@media only screen and (max-width: 640px) and (min-width: 300px){.main.in{padding-top:100px}}.footer{width:980px;margin:10px auto}.footer small{font-size:75%;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;color:#333}@media only screen and (max-width: 640px) and (min-width: 300px){.footer small{font-size:70%}}.footer p:first-of-type{float:left}.footer p:nth-of-type(2){float:right}.footer p:nth-of-type(2) a{display:inline-block}.footer p:nth-of-type(2) a+a{margin-left:15px}@media only screen and (max-width: 640px) and (min-width: 300px){.footer p:nth-of-type(2) a+a{margin-left:10px}}@media only screen and (max-width: 640px) and (min-width: 300px){.footer{width:95%;margin:30px auto 5px}}


#huge_it_portfolio_content_2{
padding: 0;
    border: none;
    box-shadow: none;
    background: none;
    display: block !important;
	margin-top:50px;
}

.main.in section{max-width:1000px !important;width:100%;}
.portelement_2 .image-block_2{padding-right:10px;}