@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
label {display:inline-block;}
/*ヘッダー*/
.hamburger{display:none;}
.globalMenuSp{display:none;}
.header{z-index:10;background:transparent;position:absolute;height:90px;width:100%;}
div.header-in{width:1100px;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;}
.header:hover{background:#DFE5BD;transition: background-color 0.7s;}
div.header-in.header-in.wrap.cf:hover{background:transparent!important;}
.logo {text-align:left;float:left;z-index:7;margin-top:15px;}
.tagline{display:none;}
.logo:hover {opacity:0.5;}
div.header-in.header-in.wrap.cf::after{content:none;}

/*メニュー*/
.drawer-menu{display:none;}
label.drawer-icon{display:none;}
.menu-checkbox {display: none;}
nav.NavMenu{z-index:11;width:730px;background:transparent;}
.NavMenu ul{padding-left:0;}
.NavMenu ul li{list-style:none;background:transparent;position:relative;}
.NavMenu ul li a{position: relative;display: inline-block;text-decoration:none;color:#000;display: flex;justify-content: center;align-items: center;height:85px;}
.NavMenu ul{display:flex;justify-content:space-between;}
.NavMenu ul li a::after {position: absolute;bottom: 20px;left: 0;content: '';width: 100%;height: 2px;background: #fff;transform: scale(0, 1);transform-origin: left top;transition: transform .2s;}
.NavMenu ul li a:hover::after {transform: scale(1, 1);}
.NavMenu ul > li > ul {display:none;}
.NavMenu ul > li > ul li{padding:30px;display:block;}
.NavMenu ul > li:hover ul{display:flex;position:absolute;top:87px;left:0;list-style-type:none;background:#F5F5F4;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: fixed;width: 100vw;flex-direction: row;left: 0;
margin-left: 0;justify-content: center;}
.NavMenu ul > li > ul > li a::after {position: absolute;bottom: -3px;left: 0;content: '';width: 100%;height: 2px;background: #DFE5BD;}
.NavMenu ul > li > ul > li a:hover::after {transform: scale(1, 1);}
ul.secondmenu li::after{content: "/";transform: translate(-50%, -50%);padding-left:30px;} 
ul.secondmenu li:last-child::after{content:"";}
ul.secondmenu li a{position: relative;display: inline-block;text-decoration:none;justify-content: center;align-items: center;height:100%;}
ul.secondmenu li a:active ul {display:none;}

/*コンテンツ*/
div.content-in{width:100%;}
.content{margin-top:0;}
body:not(.home) .content {padding-top:100px;}
.main{padding:0;}
.breadcrumb .fa-home,.breadcrumb .fa-folder,.breadcrumb .fa-file {display: none;}
.breadcrumb{width: 1100px;margin: auto;}
#slider {width: 100%;height: 100vh;opacity:0.3;position:relative;}
.s1{height:100vh;overflow: hidden;position: relative;}
div.top{z-index:20;position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align:center;width:100%;}
.service1{min-height:800px;background-image: url(https://createhome-kishiwada.com/wp-content/uploads/2022/08/service3.png);background-size:cover;}
.service2{min-height:800px;background-image: url(https://createhome-kishiwada.com/wp-content/uploads/2022/08/service1.png);background-size:cover;}
.service3{min-height:800px;background-image: url(https://createhome-kishiwada.com/wp-content/uploads/2022/08/service2.png);background-size:cover;}
.scrolldown1{position:absolute;bottom:0;left:90%;height:50px;bottom:10px;}
.scrolldown1 span{writing-mode:vertical-rl;text-orientation:sideways;top:-120px;position:absolute;font-weight:bold;color:#DFE5BD;height:200px;}
.scrolldown1::after{content: "";position: absolute;right:-17px;width: 3px;height: 30px;background: #DFE5BD;animation: pathmove 1.4s ease-in-out infinite;opacity:0;}
@keyframes pathmove{0%{height:0;top:0;opacity: 0;}30%{height:30px;opacity: 1;}100%{height:0;top:50px;opacity: 0;}}

.inner{width:1100px;margin:auto;position:relative;}
.inner-o{width:1100px;margin:auto;position:relative;margin-bottom:200px;}
.inner-f{margin:auto;width:1100px;display:flex;flex-direction: row;justify-content: space-around;}
.inner1{background:#fff;opacity:0.85;width:850px;margin-top:80px;position:absolute;}
.inner2{width:950px;margin:80px;position:absolute;}
.service-m{padding:20px 50px;}
section.news{padding:100px 0;min-height:700px;}
#service{padding:100px 0;min-height:2000px;}
section.search{padding-bottom:100px;margin-top:100px;min-height:1500px;background-image:url(https://createhome-kishiwada.com/wp-content/uploads/2022/10/search-footer.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;
position:relative;}
.pickups{color:#fff;background:#CF1B1B;width:100px;text-align:center;}
.list-inner{padding:0 10px;text-align:left;}
.new-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap: wrap;margin-bottom:50px;}
.new-list-box{background:#fff;width:30%;margin:20px 0;}
.new-list-box a{text-decoration:none;}
.new-list-box a :hover{opacity:0.7;}
.list-inner::after{content:"詳細を見る";font-weight:bold;color:#CB0404;float:right;}
.inner-title{font-weight:bold;color:#455C93;}
.inner-station{font-weight:bold;color:#455C93;margin-top:5px;}
.inner-rent,.inner-floor{font-weight:bold;color:#CB0404;}
section.company_profile{padding:100px 0;min-height:500px;}
section.access{padding:100px 0 0 0;min-height:400px;}
section.contact{padding:100px 0;min-height:500px;background:#adadad;}
iframe{vertical-align:bottom;}
.footer{margin-top:0;}
.main{background:#F5F5F4;}
.prof{width:1100px;height:700px;margin:auto;background:#fff;box-shadow: 0 0 15px #c0c0c0;}
.table-news{margin:auto;}
.table-news tr:nth-of-type(2n+1) {background-color:transparent;}
.table-news td{border-bottom:solid 1px;border-top:none;border-left:none;border-right:none;padding:20px 50px;}
.new{color:#ABB662;font-weight: bold;}
.new-title a{color:#000;}
.profin{margin:auto;}
.profin tr{padding:20px 50px;background:transparent;}
.table-prof tr:nth-of-type(2n+1) {background-color:transparent;}
.table-prof td{padding:25px 50px 25px 100px;border:none;}
td.td1{width:10%;padding:25px 10px;border-bottom:none;border-left:none;border-right:none;border-top:solid 3px #DFE5BD;font-weight:bold;}
.address, .white{color:#fff;padding:15px 0;font-weight:bold;}
.icon-l{position:relative;top:20px;padding:10px 0;}
.icon-i{position:relative;top:25px;padding:15px 0;}
.footermenu ul{list-style:none;color:#fff;}
.footermenu ul li{padding-bottom:20px;}
.footermenu ul li a{position: relative;display: inline-block;text-decoration:none;color:#fff;}
.footermenu ul li a::after {position: absolute;bottom: -3px;left: 0;content: '';width: 100%;height: 2px;background: #DFE5BD;transform: scale(0, 1);transform-origin: left top;transition: transform .2s;}
.footermenu ul li a:hover::after {transform: scale(1, 1);}
.f-secondmenu{display:flex;flex-direction:row;justify-content:space-around;}
.f-secondmenu li{margin:0 20px;}
.f-access{width:1100px;margin:0 auto;margin-bottom:50px;}
td.tdf1{background:#F5F5F4;width: 10%;padding: 25px 10px;border-bottom: none;border-left: none;border-right: none;border-top: solid 3px #DFE5BD;font-weight: bold;}
td.tdf2{background:#F5F5F4;border:none;font-weight: bold;padding-left:100px;}
.copyright {color: #fff;}

/*下層ページ*/
section.search-page{padding-bottom:100px;}
.article h1{width:1100px;margin:auto;}
.date-tags{width:1100px;margin:auto;}
div.under-entry-content{width:1100px;margin:auto;}
.detail{margin:50px 0;}
.search-table th{border:solid 1px #b6b6b6;width:25%;background:#DFE5BD;padding:50px;}
.search-table td{border:solid 1px #b6b6b6;width:75%;background:#F5F5F4;padding:50px;}
.con{font-weight:bold;display:block;margin-top:10px;}
.contact-table{margin:30px 0;}
.contact-table th{border:solid 1px #b6b6b6;width:30%;background:#DFE5BD;padding:50px;}
.contact-table td{border:solid 1px #b6b6b6;width:70%;background:#F5F5F4;padding:50px;}
.contact-m{width:100%;margin:30px auto;}
.inner-a{width:1100px;margin:auto;margin-bottom:100px;position:relative;}
td.tdf3{background:#F5F5F4;width: 15%;padding: 25px 10px;border-bottom: none;border-left: none;border-right: none;border-top: solid 3px #DFE5BD;font-weight: bold;}
.contact-tel{width:1100px;margin:0 auto;margin:30px 0;}
.d-message{width:1100px;margin:auto;}
#blog-page{width:1100px;margin:0 auto;}
div#blog-content{width:100%;}
.sidebar h3{color:#000;padding-left:0;border-top:solid 1px #b2b2b2;border-bottom:solid 1px #b2b2b2;font-weight:normal;}
.ast{display:flex;flex-direction:row;justify-content:space-between;margin:10px 0;border:solid 1px #b2b2b2;padding:20px;min-height:400px;}
.thumb-ast{padding:10px 20px 0 10px;}
.blog-ast{text-align:left;width:60%;position:relative;}
.blog-ast a{color:#000;}
.more-blog{content:"続きを読む >";position:absolute;bottom:0;right:0;font-size:70%;border:solid 1px #b2b2b2;border-radius:5px;padding:7px 15px 3px 15px;}
.list-box{margin-bottom:80px;}
.new-ast{text-decoration:none;}
.widget-entry-card-date {display: block;font-size: 18px;}
.widget-entry-card-date::before{font-family: "Font Awesome 5 Free";content: "\f017";font-weight: 400;padding-right: 0px; font-size: 14px;}
.widget-entry-card-update-date{display:none;}
.widget-entry-card-content {flex-direction: column-reverse;display: flex;}
.pagination{margin:40px 0 0;display:block!important;}
.pnavi{display:flex;flex-direction:row;justify-content:center;margin-bottom:80px;}
.nav-links{display:flex;}
.pagination .page-numbers{display:inline-block;color:#000;border:solid 1px;border-radius:0;background:#fff;margin:0;}
.pagination .current{color:#fff;background:#5a5a5a;border:solid 1px #000;border-radius:0;}
.pagination .next.page-numbers{width:80px;}
.pagination .prev.page-numbers{width:80px;}
ul{padding-left:0;}
.m-box,.m-box2,.m-box3{display:flex;flex-direction:row;justify-content:space-between;margin:30px 0 80px 0;}
.m-img1{background-image:url(https://createhome-kishiwada.com/wp-content/uploads/2022/11/chintai.jpg);width:50%;background-size:cover;background-repeat:no-repeat;}
.m-img2{background-image:url(https://createhome-kishiwada.com/wp-content/uploads/2022/11/renovation.jpg);width:50%;background-size:cover;background-repeat:no-repeat;}
.m-img3{background-image:url(https://createhome-kishiwada.com/wp-content/uploads/2022/11/cleaning.jpg);width:50%;background-size:cover;background-repeat:no-repeat;}
.m-message1{width:50%;margin-left:50px;}
.m-message2{width:50%;margin-right:50px;}
table tr:nth-of-type(2n+1) {background:transparent;}
td.td5{border-top:none;border-left:none;border-right:none;border-bottom:solid 2px #DFE5BD;padding:25px 10px;}
td.td6{border-top:none;border-left:none;border-right:none;border-bottom:solid 2px #DFE5BD;padding:25px 10px;}
td.td7{background:#fff;border:solid 1px #DFE5BD;padding:10px;width:30%;}
td.td8{border:solid 1px #DFE5BD;padding:10px;}
.scroll-box::-webkit-scrollbar { width: 20px; }
.scroll-box::-webkit-scrollbar-track { background: #f1f1f1; }
.scroll-box::-webkit-scrollbar-thumb {background: #c1c1c1; }
.scroll-box{padding:10px;margin:20px 0;}
.wpcf7-spinner {display:none;}
.c-bottom{margin-bottom:50px;}
ol {counter-reset:number;list-style-type: none!important;padding:0.5em;}
ol li {position: relative;padding-left: 30px;line-height: 1.5em;padding: 0.5em 0.5em 0.5em 30px;}
ol li:before{position: absolute;counter-increment: number;content: counter(number);display:inline-block;background: #DFE5BD;color: white;font-family: "Great Vibes";font-weight:bold;font-size: 15px;  border-radius: 50%;left: 0;width: 25px;height: 25px;line-height: 25px;text-align: center;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.p-box{display:flex;flex-direction:row;justify-content:center;}
.p-img{background:url(https://createhome-kishiwada.com/wp-content/uploads/2022/11/nayamu.png);width:40%;background-size:contain;background-repeat:no-repeat;background-position:bottom;}
.advise{background:#fff;border:solid 3px #DFE5BD;text-align:center;border-radius:10px;padding:20px 0;margin:50px 0;}
.reason{background:#fff;margin-top:50px;border:solid 3px #DFE5BD;}
.three{display:flex;flex-direction:row;justify-content:space-between;min-height:180px;margin-bottom:50px;}
.one{background:#fff;border:solid 3px #DFE5BD;width:33%;}
.one-m{padding:5px;}
.title{background:#DFE5BD;border:solid 3px #DFE5BD;text-align:center;}
.difference{margin-top:150px;}
.kaitori{display:flex;flex-direction:row;justify-content:space-around;}
.inner-k{width:1100px;margin:auto;margin-bottom:100px;position:relativerence;}
div#footer-in.footer-in.wrap.cf{width:100%;}
#footer{padding:0;}
div#list.list.ect-entry-card.front-page-type-index{display:flex;flex-direction:row;justify-content:space-between;flex-wrap: wrap;}
a{text-decoration:none;}
.br{display:block;}

/*見出し*/
.h2-news {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h2-news::before {font-family: "Great Vibes";content:"News";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h2-service {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h2-service::before {font-family: "Great Vibes";content:"Service";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h2-search {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h2-search::before {font-family: "Great Vibes";content:"Search";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h2-company_profile {padding-left:180px;position: relative;padding-top: 40px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h2-company_profile::before {white-space: pre;font-family: "Great Vibes";content:"Company Profile";position: absolute;top: -30px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h2-access {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h2-access::before {font-family: "Great Vibes";content:"Access";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h2-contact {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;color:#fff;z-index:1;}
.h2-contact::before {font-family: "Great Vibes";content:"Contact";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h2img{margin-bottom:-20px;margin-left:-60px;}
h3 {font-size:120%;margin-top:20px;position: relative;display: inline-block;padding: 0 50px;}
h3:before {content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 1px;background-color: black;}
h3:before {left:0;}
h4{padding-left:50px;}
.h1-search {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-search::before {font-family: "Great Vibes";content:"Search";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h1img{margin-bottom:-20px;margin-left:-60px;}
.h1-contact {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-contact::before {font-family: "Great Vibes";content:"Contact";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h1-company {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-company::before {white-space: pre;font-family: "Great Vibes";content:"Company Profile";position: absolute;top: -30px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h1-access {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-access::before {font-family: "Great Vibes";content:"Access";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h1-list {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-list::before {font-family: "Great Vibes";content:"List";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h1-news {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-news::before {font-family: "Great Vibes";content:"News";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}

.h1-other {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-other::before {font-family: "Great Vibes";content:"Other";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h1-intermediary {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-intermediary::before {font-family: "Great Vibes";content:"Intermediary";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}
.h1-purchase {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:15px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
.h1-purchase::before {font-family: "Great Vibes";content:"Purchase";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}

h1.h1-result {padding-left:180px;position: relative;padding-top: 30px;font-size: 26px;margin:75px 0;display: inline-block;border-bottom: 1px solid;line-height:0.7;margin-bottom:50px;}
h1.h1-result::before {font-family: "Great Vibes";content:"Result";position: absolute;top: -10px;left: 0;color:#DFE5BD;font-size:350%;font-weight:normal;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);z-index:-1;}

h3.h3-one{margin-left:0;}
h3.h3-one::before{content:none;}



/*ボタン*/
.button1 {margin-left: auto;margin-right: auto;overflow: hidden;display: inline-block;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD;background:#fff;text-align: center;text-decoration: none;transition: .3s; right:0;bottom:-150px;box-shadow: 0 0 15px #c0c0c0;position:absolute;}
.button1:hover {color: #fff;z-index:1;border: 2px solid #DFE5BD;}
.button1::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.button1:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}
.button2 {margin-left: auto;margin-right: auto;overflow: hidden;position: relative;display: inline-block;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD;background:#fff;text-align: center;text-decoration: none;transition: .3s;top: 700px;float: left;box-shadow: 0 0 15px #c0c0c0;}
.button2:hover {color: #fff;z-index:1;border: 2px solid #DFE5BD;}
.button2::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.button2:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}
.button3 {margin-left: auto;margin-right: auto;overflow: hidden;display: inline-block;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD;background:#fff;text-align: center;text-decoration: none;transition: .3s; right:0;box-shadow: 0 0 15px #c0c0c0;position:absolute;}
.button3:hover {color: #fff;z-index:1;border: 2px solid #DFE5BD;}
.button3::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.button3:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}

.button4{margin-left: auto;margin-right: auto;overflow: hidden;display:block;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD!important;background:#fff;text-align: center;text-decoration: none;transition: .3s;box-shadow: 0 0 15px #c0c0c0;position:relative;margin-top:50px;margin-bottom:50px;width:240px;}
.button4:hover {color: #fff;z-index:1;border: 2px solid #DFE5BD;}
.button4::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.button4:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}
input[type='submit'] {border:none;background:transparent;}
.button4:hover input[type='submit']{color:#fff;display:inline-block;}

.button5 {margin-left: auto;margin-right: auto;overflow: hidden;display: inline-block;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD;background:#fff;text-align: center;text-decoration: none;transition: .3s; float:right;bottom:0;box-shadow: 0 0 15px #c0c0c0;position:relative;}
a.button5:hover {color: #fff!important;z-index:1;border: 2px solid #DFE5BD;}
.button5::before {position: absolute;top: 0;left: 0;z-index:-1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.button5:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}

.button6{display:none;}

.button7 {margin-left: auto;margin-right: auto;overflow: hidden;display: inline-block;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD;background:#fff;text-align: center;text-decoration: none;transition: .3s;box-shadow: 0 0 15px #c0c0c0;position:absolute;}
.button7:hover {color: #fff;z-index:1;border: 2px solid #DFE5BD;}
.button7::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.button7:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}

.c-button {margin-left: auto;margin-right: auto;overflow: hidden;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD;background:#fff;text-align: center;text-decoration: none;transition: .3s;bottom:0;box-shadow: 0 0 15px #c0c0c0;position:relative;width:240px;margin-top:20px;}
.c-button:hover {color: #fff;z-index:1;border: 2px solid #DFE5BD;}
.c-button::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.c-button:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}
input[type='submit']{padding:0;color:#DFE5BD;}
.c-button:hover input[type='submit']{color:#fff;display:inline-block;}

.backbutton {margin-left: auto;margin-right: auto;overflow: hidden;position: relative;display: inline-block;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD;background:#fff;text-align: center;text-decoration: none;transition: .3s;margin:50px 0;float: left;box-shadow: 0 0 15px #c0c0c0;}
.backbutton:hover {color: #fff;z-index:1;border: 2px solid #DFE5BD;}
.backbutton::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.backbutton:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1280px以下*/
@media screen and (max-width: 1280px){
  /*必要ならばここにコードを書く*/

/*ヘッダー*/	
.header{background:#DFE5BD;}
div.header-in{width:100%;}
div.header-in{justify-content:space-around;}
	
/*コンテンツ*/
.main{padding:0;}
.inner {width:100%;}
.inner-o {width:100%;}
.inner1 {width:90%;}
.inner2 {width:70%;margin:60px;}
.table-prof{margin-right:0;}
.prof{width:90%;}
.inner-f{width:100%;}
}


/*1024px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
	main#main.main{padding:0;}
	td.td1{width:15%;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.br-sp {display: block; }
/*メニュー*/
nav.NavMenu{display:none;}
.header{height:70px;}
div.header-in{display:block;}
.logo{margin-top:10px;}
.logo-image a{padding-left:10px;}

label.drawer-icon{display:block;}
ul {list-style: none;}
.drawer-menu {display:block;position: fixed;top: 10%;right: 0;height: 90%;width: 90%;transform: translateX(100%);transition: all 0.5s ease-in-out 0s;background-color: #fff;z-index: 20;padding:20px;text-align:center;}
.drawer-menu-list {margin-top: 100px;}
.drawer-menu-item-link {display: block;text-align: center;font-size: 20px;color: #000;margin-top: 20px;}
.menu-checkbox:checked ~ .drawer-menu {transform: translateX(0);}
.drawer-icon {cursor: pointer;position: absolute;top: 28px;right: 50px;justify-content: center;align-items: center;z-index: 30;background-color: #000;}

.drawer-icon span:before,.drawer-icon span:after {content: '';display: block;height: 1px;width: 30px;background-color: #000;position: absolute;transition: all 0.5s ease-in-out 0s;}
.drawer-icon span::before {bottom:2x;}
.drawer-icon span::after {top: 12px;}
.menu-checkbox:checked ~ .drawer-icon {background-color: #000;}
.menu-checkbox:checked ~ .drawer-icon span {background-color:#000;}
.menu-checkbox:checked ~ .drawer-icon span::before {bottom: 0;transform: rotate(-45deg);background-color: #000;}
.menu-checkbox:checked ~ .drawer-icon span::after {top: -2px;transform: rotate(45deg);background-color: #000;}
.menu-background {display: none;position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%background: #000;opacity: 0;transition: all 0.5s ease-in-out 0s;}
.menu-checkbox:checked ~ .menu-background {display: block;opacity: 0.3;}

.drawer-menu ul li {list-style-type: none;padding: 0;width: 100%;border-bottom: 1px solid #fff;padding:5px;}
.drawer-menu ul li:last-child {padding-bottom: 0;border-bottom: none;}
.drawer-menu ul li:hover{background :#ddd;}
.drawer-menu ul li a {display: block;color: #000;padding: 1em 0;text-decoration :none;}
.drawer-menu.active {transform: translateX(0%);}
.menu-logo{margin-bottom:20px;}
.menu-logo-bottom img{width:10%;margin-top:30px;}
.drawer-menu ul li{list-style:none;background:transparent;position:relative;}
.drawer-menu ul li a{position: relative;display: inline-block;text-decoration:none;color:#000;}
.drawer-menu ul li a::after {position: absolute;bottom: -3px;left: 0;content: '';width: 100%;height: 2px;background: #DFE5BD;transform: scale(0, 1);transform-origin: left top;transition: transform .2s;}
.drawer-menu ul li a:hover::after {transform: scale(1, 1);}	
.drawer-menu ul li a:hover{background:transparent;}

	
.breadcrumb {width: 100%;}
.f-access{width:90%;}
td.td1{width:15%;}
td.tdf1{width:20%;}
td.tdf2{padding:20px;}
.right{display:none;}
.inner-f{display:block;}
.left{text-align:center;}
.button6{display:block;}
.button6 {margin-left: auto;margin-right: auto;overflow: hidden;display: inline-block;padding: .5em 4em;border: 2px solid #DFE5BD;color: #DFE5BD;background:#fff;text-align: center;text-decoration: none;transition: .3s;bottom:-50px;box-shadow: 0 0 15px #c0c0c0;position:relative;}
.button6:hover {color: #fff;z-index:1;border: 2px solid #DFE5BD;}
.button6::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 120%;height: 100%;background: #DFE5BD;transform-origin: right bottom;transform: skewX(30deg) scale(0, 1);transition: transform .3s;}
.button6:hover::before {transform-origin: left bottom;transform: skewX(30deg) scale(1, 1);}
}


@media screen and (min-width: 768px), print {
    a[href^="tel:"] {
        color: black;
        text-decoration: none;
 
        display: inline-block; /* IE用 */
        pointer-events: none;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#service{min-height:600px;padding-bottom:50px;}
.h2-service {padding-left: 80px;}
.service-m{padding:0;}
.nobr br{content:"";}
.nobr br::after {margin-right: -0.333rem;content: '';}
.service1{min-height:550px;background-repeat:no-repeat;line-height:1.5;}
.service2{min-height:550px;background-repeat:no-repeat;line-height:1.5;}
.service3{min-height:550px;background-repeat:no-repeat;line-height:1.5;}
.h2-search {padding-left: 80px;}
h4{padding-left:0;padding-bottom:10px;}
h2{font-size:18px;}
.h2-news {padding-left: 80px;}
.h2-news::before {top:0;font-size:250%;}
.h2-service {padding-left: 80px;}
.h2-service::before {top:0;font-size:250%;}
.h2-search {padding-left: 80px;}
.h2-search::before {top:0;font-size:250%;}
.h2-company_profile {padding-left: 80px;}
.h2-company_profile::before {top:0;font-size:250%;}
.h2-access {padding-left: 80px;}
.h2-access::before {top:0;font-size:250%;}
.h2-contact {padding-left: 80px;}
.h2-contact::before {top:0;font-size:250%;}

.h1-news {padding-left: 80px;}
.h1-news::before {top:0;font-size:250%;}
.h1-service {padding-left: 80px;}
.h1-service::before {top:0;font-size:250%;}
.h1-search {padding-left: 80px;}
.h1-search::before {top:0;font-size:250%;}
.h1-access {padding-left: 80px;}
.h1-access::before {top:0;font-size:250%;}
.h1-contact {padding-left: 80px;}
.h1-contact::before {top:0;font-size:250%;}	
.h1-company::before{top:-10px;font-size:250%;}
.h1-company {padding-left: 80px;}

.h1-business {padding-left: 80px;}
.h1-business::before {top:0;font-size:250%;}	
.h1-list {padding-left: 80px;}
.h1-list::before {top:0;font-size:250%;}
.h1-news {padding-left: 80px;}
.h1-news::before {top:0;font-size:250%;}	

.h1-business {padding-left: 80px;}
.h1-business::before {top:0;font-size:250%;}		
	
.h1-other {padding-left: 80px;}
.h1-other::before {top:0;font-size:250%;}
	
h3{margin-left:-30px;margin-top:0;}
.inner{padding:15px;}
.inner-o{padding:15px;}
.inner1{font-size:13px;margin-top:0;padding:20px;}
.button1{bottom:-100px;right:15px;}
.new-list-box{width:48%;}
section.search{min-height:1200px;margin-bottom:50px;}
section.company_profile{padding-bottom:0;}
.button3{bottom:-30px;right:15px;}
.button2{top:480px;float:right;padding:0.5em 2em;font-size:90%;}
.prof{height:550px;}
.inner2{width:85%;margin:20px;}
table.table-prof{margin-bottom:20px;}
.table-news td{padding:20px 0;}
.table-prof td {padding: 25px 10px;}
td.td1{width:23%;}
section.contact{padding-top:50px;}
.article h1{width:100%;}
.date-tags{width:100%;}
div.under-entry-content{width:100%;}
.search-table th{padding:10px;}
.search-table td{padding:10px;}
.inner-a{width:100%;}
td.tdf3 {width:25%;}
.contact-table{margin:30px 0;}
.contact-table th{width:100%;display:block;padding:10px;}
.contact-table td{width:100%;display:block;padding:10px;}
.contact-tel{width:90%;}
.d-message{width:90%;}
#blog-page {width: 90%;}
.table-comp{width:90%;margin:auto;}
td.td5{width:25%;padding:10px;}
td.td6{padding:10px;}
.contact-m{width:90%;}
.inner-k{width:90%;padding-bottom:30px;}
.p-box {flex-direction:column-reverse;}
.p-img{width:100%;height:200px;}
.three{flex-direction:column;}
.one{width:100%;}
.kaitori{flex-direction:column;}
.k-merit{width:100%;}
.advise{padding:25px 10px;}
.difference {margin-top: 50px;}
.button7{bottom:-30px;right:50px;}
.m-box{flex-direction:column;height:700px;margin-bottom:30px;}
.m-box2{flex-direction:column-reverse;height:620px;margin-bottom:30px;}
.m-box3{flex-direction:column;height:580px;margin-bottom:30px;}
.m-img1{width:100%;height:100%;background-size:contain;margin:auto;}
.m-message1 {width: 100%;margin-left:0;}
.m-img2{width:100%;height:100%;background-size:contain;margin:auto;}
.m-message2 {width: 100%;margin-right:0;}
.m-img3{width:100%;height:100%;background-size:contain;margin:auto;}

.ast {flex-direction: column;padding: 10px;}
.thumb-ast {padding:0;}
.blog-ast {width:100%;}
h3.h3-card-title{padding:0;margin-left:0;}
h3.h3-card-title::before{content:none;}
	.more-blog {display:none;}
}