@charset "UTF-8";

/* スマホで非表示させたい要素に適用 640でなく736なのはiphone6や6plus*/
@media only screen and (max-width: 768px){
.hidden_xs {display:none;}
/* 例　：　<div class="screensize">コンテンツ</div>　*/
}
/* スマホの時だけ表示させたい要素に適用 */
@media only screen and (min-width: 768px){
.visible_xs_block {display:none;}
/* 例　：　<div class="screensize2">コンテンツ</div>　*/
}


/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media
only screen and (max-width : 768px){


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/
body{
  -webkit-text-size-adjust : none;
  -webkit-overflow-scrolling: touch;
}

html{
	overflow-y: scroll;
	overflow-x: hidden;
}

html,body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/*textarea,input{ max-width: 95%; }*/

input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{ max-width: none; }


●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}

body {
  background: none;
}
#content {
  padding: 0;
  border: none;
}







/* 新ハンバーガーメニュー*/

/* drawer.min,css上書修正分*/

nav.drawer-nav {
    /*margin-top: 65px;*/
	padding-top: 65px;
}
.drawer-nav {
    background-color:rgba(10, 66, 55, 0.9)!important;
}
.drawer-hamburger {
    position: absolute;
    z-index: 4;
	top: 18px;
    right: 0!important;
    padding: 0;
	margin-right: 15px;
	margin-top: 15px;
	
	padding: 15px .75rem 26px!important;
}

nav.drawer-nav ul {
    margin: 0 20px 20px 20px;
	padding-bottom: 75px;
}
nav.drawer-nav ul li ul{
    margin: 0px 0px 0px 20px;
	padding-bottom: 0;
}
nav.drawer-nav ul li a {
    font-size: 14px;
    text-decoration: none;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ccc;
    color: #fff;
}


#info_snsbnr .sub_cont {
    border-radius: 0; 
    text-align:left;
    padding-left: 10px;}
#info_snsbnr .sub_cont02 {
	border-radius: 0; 
	text-align:left;
	margin: 0;
    padding-left: 10px;}
	

button.drawer-toggle.drawer-hamburger {
    background: #57ac9c!important;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    background-color: #fff!important;
}


body.drawer.drawer--right.drawer-open .drawer-hamburger-icon{
	background-color: #57ac9c!important;
}
/* drawer.min,css上書修正分*/


nav .inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer-nav {
    z-index: 4!important;
}
.drawer-hamburger {
    z-index: 5!important;
}





button.drawer-toggle.drawer-hamburger p {
    bottom: -18px;
    position: relative;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}
.drawer-hamburger {
    width: 2.5rem!important;
}
/* 新ハンバーガーメニュー*/










/*トップページスライダー部分 */
.sp-slide img {
    width: 100%;
    height: auto;
}
/*トップページスライダー部分 */




#infoloop5 h2 {
    font-size: 28px;
    margin: 30px 0 0 0;
}
#infoloop5 h2 span::before, #infoloop5 h2 span::after {
    width: 50px;
}
#topinfobox ul {
    width: 90%;
}

#topinfobox ul li {
    width: 100%;
    margin-bottom: 20px;
}
#topinfobox ul li ul li{
	margin-bottom:0;
}


#topinfobox ul li ul.post-categories {
    width: 150px;
}
#topinfoallBtn a {
    margin: 20px auto 45px auto;
}



.breadcrumbs {
    width: 96%;
}

.cd-fixed-bgIN1100 {
    width: 90%;
    padding: 50px 0;
}



#contactIN {
    width: 90%;
	padding: 50px 0;
}
#contactWaku_in {
    width: 90%;
}
p.contact_name {
    width: 100%;
    float: none;
}
p.contact_input {
    width: calc(100% - 1px);
    float: none;
}
.formboxFile {
    padding: 20px;
}
.formboxFile span {
    margin-top: 20px;
    display: block;
}
.kaigaimail {
    text-align: center;
    font-size: 16px;
}
span.wpcf7-form-control-wrap.quiz-273 {
    padding-top: 10px;
}




ul#sitemap_list {
    padding: 0;
}
#privacy {
    padding: 0 0 20px 0;
}
#main {
    width: 90%;
}

#oshiraseAll {
    padding: 40px 0;
}
#oshiraseAll h2 {
    font-size: 16px;
    margin: 0 0 30px 0;
}
#oshiraseAll h2 span::before, #oshiraseAll h2 span::after {
    width: 30px;
}
#oshiraseAll ul {
    width: 100%;
    display: block;
}
#oshiraseAll ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

h2#titH2 {
    font-size: 20px;
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}





#main404 #main_in {
    width: 100%;
}
#main404 h2 {
    font-size: 35px;
}
#main404 p {
    margin: 0 auto;
    font-size: 16px;
}











#headline {
    display: none;
}
#headerGmenu {
    display: none;
}
#headerUe_IN {
    width: 100%;
    display: block;
}
#headueLinkTime ul {
    display: none;
}
#logo {
    width: 100%;
    float: none;
    display: block;
    margin: 15px 0 10px 15px;
}
.logoimg4 {
    display: none;
}

#remoteTelno {
	width: calc(100% - 30px);
	float: none;
	margin: 15px 15px 10px 15px;
}
.headTelno {
    font-size: 35px;
    border-radius: 10px;
    background: #237868;
    padding-left: 0;
	padding: 3px;
	margin-top: 10px;
}
.headTelno a {
    color: #fff;
}
.headTelno:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(images/icon_tel02.png);
    background-size: contain;
    margin-right: 10px;
    background-repeat: no-repeat;
}


#logo {
	width: 70%;
}
#logo img {
    width: 100%;
}

.remotebtn img {
    width: 100%;
}

#headueLinkTime {
	width: calc(100% - 30px);
	float: none;
	text-align: center;
	margin: 0 auto 10px auto;
	background: #f0f0f0;
	padding: 10px 0;
	border-radius: 10px;
}
p.Time {
    font-size: 18px;
}

.TopBigcatch {
    font-size: 22px;
    line-height: 1.5;
    margin: 22px 0;
}
.sikakuyajirusi.wf-Kosugi {
    width: 90%;
}
.sikakuyajirusi p {
    padding: 20px 25px;
}
ul.TopoPromakase {
    width: 90%;
    margin: 40px auto 10px auto;
}
ul.TopoPromakase img {
    width: 100%;
}
ul.TopoPromakase li {
    margin-bottom: 20px;
	width: 48%;
}
.toiawaseTelWaku {
    width: 90%;
}
p.TopTelNo {
    font-size: 33px;
}
p.TopTelmazuwa {
    font-size: 16px;
}

#TopShuriWAKU {
    padding: 30px 0 20px 0;
    margin: 30px 0 0 0;
}
.TopBigcatch02 {
    font-size: 22px;
    margin: 0 0 0 0;
	line-height: 1.2;
}

.BoxMigiHidari {
    display: block;
	padding: 30px 0 20px 0;
}
.topmiseimg {
    display: none;
}
.BoxmigiArea {
    width: 100%;
}
.sagyouPlice {
    font-size: 22px;
    text-align: left;
    padding: 15px 15px;
}
.sagyouPlice span {
    display: inline;
    margin-left: 2px;
}
.sagyouPliceSetumei {
    font-size: 20px;
    padding: 15px 15px 15px 15px;
    border-radius: 0 0 10px 10px;
}

p.raitenTit {
    float: none;
    text-align: center;
}
p.raitentxt {
    margin-left: 0;
}
p.shucchouTit {
    float: none;
    text-align: center;
}
.shucchouChuui {
    font-size: 20px;
}
.shucchouChuui ul {
    font-size: 18px;
}
p.shuChuiTit {
    font-size: 22px;
}
.KomattaKaiketu {
    width: 90%;
}
.tpkomattaimg02 {
    position: absolute;
    top: -120px;
    left: -2px;
}
.tpkomattaimg01 {
	position: absolute;
	top: -118px;
	right: -20px;
}
.KomattaKaiketuIN {
    padding: 40px 25px 30px 25px;
}
.KomattaKaiketuIN h3 {
    font-size: 32px;
    line-height: 1.2;
}
.cd-fixed-bg {
    padding: 120px 0 100px 0;
}
#infoloop5 {
    padding: 0;
    background: #fff;
}
#infoloop5 h2 {
	font-size: 20px;
	margin: 30px 0 30px 0;
}



#topinfobox ul li {
    display: flex;
}
.catename {
    display: none;
}

#topinfobox ul li .newimg {
    width: 50%;
}
.TopinfoMojiwaku {
    width: 50%;
}



#TopArea {
    background: #f0f0f0;
	padding: 30px 0 20px 0;
}
#TopArea h2 {
    font-size: 22px;
    margin-bottom: 30px;
}
#TopArea h2 span::before, #TopArea h2 span::after {
    width: 20px;
}


#footerIN {
    display: block;
}
#footlogoarea {
    display: none;
}
#footer {
    padding: 20px 0 20px 0;
}


#footmap {
    width: 100%;
    height: 200px;
    overflow: hidden;
}
address p {
    width: 90%;
    margin: 0 auto;
}

#footerarea01, #footerarea02, #footerarea03, #footerarea04 {
    width: 100%;
    margin-left: 0;
}
#footerarea {
    display: block;
    width: 90%;
    min-width: inherit;
    margin: 0 auto;
}
ul#menu-footmenu01 li a, ul#menu-footmenu02 li a, ul#menu-footmenu03 li a, ul#menu-footmenu04 li a {
    padding: 15px 20px 15px 10px;
}


#koteiPageIN {
    width: 90%;
}
#FaqSetumei {
    text-align: left;
	margin-bottom: 20px;
}
#koteiPageIN h1 {
    font-size: 22px;
    margin-bottom: 20px;
}
#ufaq-faq-list {
    padding: 10px 20px;
    border-radius: 10px;
}
.ufaq-faq-title h4 {
    font-size: 18px;
}
.ufaq-faq-post p {
    font-size: 18px;
}
.ufaq-faq-div:last-child {
    border-bottom: navajowhite;
}
div.ufaq-faq-title div.ewd-ufaq-post-margin-symbol {
    padding: 5px 0px 0px 2px!important;
}

#koteiPage {
    padding: 30px 0 30px 0;
}



#blogPageIN {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}

#blogPageIN ul.blog-list li {
    width: 100%;
    margin-right: 0;
	margin-bottom: 10px;
}
#blogPageIN ul.blog-list li span {
    display: flex;
	justify-content: space-between;
}

#blogPageIN ul.blog-list li a {
    width: 25%;
}
#blogPageIN ul.blog-list li figure {
    width: 100%;
	height: auto;
}
#blogPageIN ul.blog-list li p {
    width: 68%;
}
#blogPageIN ul.blog-list li img {
    border-radius: 0;
}

.wp-pagenavi {
    margin: 20px 0 0 0;
}

.remotebtn {
    display: none;
}





#headimg_rpc img {
    width: 95%;
}
#RPCwaku {
    width: 90%;
	padding: 0;
}
#RPCwaku h1 {
    font-size: 22px;
}
#RPCwaku section {
    display: block;
}
.RPCtxt {
    width: 100%;
	margin-top: 20px;
}
#RPCwaku section figure {
    width: 100%;
}
#RPCwaku section:last-child {
    margin-bottom: 20px;
}



#RPC_Hosyo {
    width: 90%;
	padding: 0;
}
#RPC_Hosyo section {
    display: block;
}
.RPC_Hosyotxt {
    width: 100%;
	margin-top: 20px;
}


#RPC_Zaiko {
    width: 90%;
	padding: 0;
}
#RPC_Zaiko section {
    display: block;
}


#RPC_Zaiko table {
    margin-top: 20px;
    border-collapse: collapse;
    border: 1px solid #000;
    width: 100%;
	margin-bottom: 40px;
} 

#RPC_Zaiko table th, #RPC_Zaiko table td {
    padding: 10px 0;
    font-size: 10px;
    border: 1px solid #000;
}

#RPC_Zaiko p {
    font-size: 10px;
}


#ShopPageIN {
    width: 90%;
    padding: 20px 0;
}
#ShopPageIN h1 {
    font-size: 30px;
	margin-bottom: 40px;
}
#ShopPageIN h1 span {
    font-size: 15px;
}
#tenpogaikan h2:before {
    bottom: 43px;
}
#tenpogaikan h2 {
    margin-bottom: 50px;
	font-size: 26px;
}

#tenpogaikan .tenpoImg {
    width: 100%;
	margin-bottom: 15px;
}
.tenpoImg img {
    width: 85%;
}
#tenpogaikan section p {
    width: 100%;
}
#tenpogaikan section {
	display: block;
	border-bottom: 4px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#ShopPageIN02 {
    width: 90%;
    padding: 50px 0;
}
#tennaifuukei h2 {
    font-size: 26px;
	margin-bottom: 50px;
}
#tennaifuukei h2:before {
    bottom: 45px;
}
#tennaifuukei section {
    display: block;
}
#tennaifuukei .tenpoImg {
    width: 100%;
	margin-bottom: 15px;
}
#tennaifuukei section p {
    width: 100%;
}
#tennaifuukei section {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 4px solid #fff;
}
#about table {
    width: 100%;
}

#about table tr th {
    width: 25%;
}
#about table tr td {
    width: 70%;
    padding: 15px 20px 15px 30px;
}
#about table td ul li {
    list-style-type: disc;
}

#SaleTaxsonomy_archivelist ul li {
    display: block;
	border-bottom: 8px dotted #237868;
}
#SaleTaxsonomy_archivelist ul li .SaleImgPrice {
    width: 100%;
	margin-bottom: 20px;
}
.SalearchiveTxtarea {
    width: 100%;
}
#SaleAll {
    padding: 30px 0;
}
#SaleTaxsonomy_archivelist h2 {
    font-size: 25px;
    margin-bottom: 30px;
    padding: 10px 0;
}
#headimg_sales img {
    width: 95%;
    margin: 20px 0;
}

#main02 {
    width: 90%;
}
#contentsPCZ {
    width: 100%;
    float: none;
}
#contentsPCZ02 {
    width: 100%;
    float: none;
}
#contentsPCZ h1 {
    font-size: 22px;
}
#mazudenwa {
    right: 5px;
    top: -16px;
    font-size: 16px;
}
#zettodan {
    left: 2px;
    top: 10px;
}
#flow01Tit {
    font-size: 18px;
    padding: 30px 10px 15px 85px;
    line-height: 1.4;
    margin-bottom: 30px;
}
.FlowBox {
    padding: 15px 20px;
}
.FlowBoxTit {
    padding: 10px 15px;
}
.FlowMigihidari {
    display: block;
}
.Flowhidariimg {
    width: 100%;
    margin-bottom: 20px;
}
.FlowMigi {
    width: 100%;
}
.FlowBox h3 {
    font-size: 23px;
}
.FlowBoxLast h3 {
    font-size: 23px;
}


#left {
    width: 100%;
    float: none;
}

#contentsPCZ h2 {
    padding: 10px 20px 10px 112px;
    line-height: 1.4;
	font-size: 22px;
}


#pcsuptopTiTi {
    margin: 20px 0 30px 0;
    font-size: 18px;
}
#pcsuptopTiTi:before {
    content: "";
}
#pcsuptopTiTi p {
    padding-left: 0;
}
#pcsuptopTiTi p:after {
    bottom: -14px;
    left: 0;
}
.ContTit01 {
    font-size: 17px;
    margin: 30px 0;
    padding-left: 10px;
    line-height: 1.3;
}
#jimoto {
    display: block;
}
#jimotoimg {
    width: 100%;
}
#jimoto p {
    width: 100%;
    margin-top: 20px;
}
.Supred {
    line-height: 1.3;
}
	
.balloon1-top {
    font-size: 22px;
    padding: 10px 0;
    line-height: 1.3;	
}	
ul#SupList {
    margin-bottom: 0;
}	
.KokoniSup {
    font-size: 18px;
    font-weight: normal;
}	
#koeimg img {
    width: 100%;
}	
#koeimg {
    padding: 20px 0 20px 0;
}	
	
	
#proTop {
    font-size: 18px;
    padding: 0;
	margin: 40px 0 40px 0;
}
.proTopTit {
    font-size: 24px;
	margin-bottom: 30px;
}
.proTopTxt {
	width: 97%;
	margin: 0px auto 30px auto;
	font-weight: normal;
}	
.proMazuwa {
    background: #248773;
    padding: 20px 0px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    margin: auto;
    color: #fff;
    border-radius: 20px;
}	
.proMazuwa span {
    padding: 0 20px;
    display: block;
}	
	
#proKonna h2 {
    font-size: 23px;
    margin-bottom: 30px;
}
#proKonna {
    padding: 30px 0;
    margin-bottom: 40px;
}
#proKonna ul li {
    width: 100%;
    margin-bottom: 15px;
}
#proKonna ul li p {
    font-size: 18px;
}

#proZubatto {
    padding: 20px 0;
	border-radius: 30px;
}
#proZubatto p {
    font-size: 22px;
}
#proZubatto:before {
    top: -48px;
    left: 50%;
    margin-left: -25px;
    border: 25px solid transparent;
    border-bottom: 25px solid #237868;
}
#proKonna ul {
    margin-bottom: 10px;
}
#promeritBoxIN {
    width: 90%;
    margin: 0 auto 30px auto;
}
#promeritBox h2 {
    font-size: 25px;
    margin-bottom: 40px;
}
.promerit h3 {
    margin: 20px 10px 18px 10px;
}
.promerit p {
    margin: 0 15px 20px 15px;
}
#proservice h2 {
    font-size: 30px;
	margin-bottom: 10px;
}
.proserviceTopTxt {
	max-width: 100%;
	background: none;
	margin: 0px auto;
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
	font-weight: normal;
}
.proserviceTopTxt p {
    padding: 10px 30px 30px 30px;
}
#proservice ul {
    width: 90%;
}
#proservice ul li {
    margin-right: 0;
    width: 100%;
}
#proservice ul li p {
    padding: 10px 20px;
    font-size: 20px;
}
.proserviceTopTxt02 {
    font-size: 22px;
    margin: 20px 0;
}
#Teikimente {
    width: 90%;
	margin: 30px auto;
}
#Teikimente p {
    padding: 24px 27px;
    font-size: 20px;
}
.prosetumei {
    width: 90%;
    font-weight: normal;
    font-size: 18px;
}
#proservice {
    padding: 30px 0 20px 0;
}
#proPriceIN {
    width: 90%;
	margin: 0 auto 30px auto;
}
#proPriceININ {
    padding: 20px;
}
#proPriceIN h2 {
    font-size: 24px;
	margin-bottom: 20px;
}
.propPriceTxt {
    padding: 25px;
}
#kihonPrice {
    display: block;
    width: 100%;
}
#kihonPrice .kigou {
    text-align: center;
}
.goukeiPrice {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.PChoyuu {
    padding: 10px 10px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.5;
}
.fukusuudai {
    text-align: left;
    font-size: 16px;
    font-weight: normal;
}
.proPricesetumei {
    font-size: 18px;
    line-height: 1.6;
}
.cd-fixed-bg02.bg-image02 {
    padding: 30px 0 30px 0;
}
#houjinPrice {
    margin-bottom: 30px;
}
.daisuu {
    font-size: 22px;
}

.houjinntop img {
    width: 100%;
}


#datafukkyuu section {
    display: block;
}
section .dataImg {
    width: 100%;
    margin-bottom: 20px;
}
section .dataTxt {
    width: 100%;
}
.dataTxt p {
    font-size: 17px;
}
.dataTxt h3 {
    font-size: 20px;
}
.dataTxt p.dataURL {
    font-size: 16px;
}

#TopArea section {
    width: 85%;
    font-size: 16px;
    line-height: 1.5;
}

.TiikiSetu p {
    background: #fff4f4;
    padding: 10px;
}
.TiikiSetu {
    margin-left: 0;
}
.TiikiSetu p span {
    padding-top: 10px;
}



#salesingleBox {
    display: block;
}
#salesingleImg {
    width: 100%;
}
#salesingletable {
    width: 100%;
}


/* ここから追加 Cretae by Hamakawa */
.pszet_point h3 {
  position: relative;
  border-top: solid 2px #80c8d1;
  border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
  font-size: 1.2em;
  font-weight: bold;
}

.pszet_point h3:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f0a7\ POINT';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}

.btn-gradient-flat {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
  transition: .4s;
}

.btn-gradient-flat:hover {
  background-image: linear-gradient(#6795fd 0%, #67ceff 70%);
}

/* ここまで */












































	
	
	
	
















#headimg_about {
    padding: 120px 0;
}
#headimg_shop {
    padding: 120px 0;
}
#headimg_faq {
    padding: 120px 0;
}
#headimg_sitemap {
    padding: 120px 0;
}
#headimg_flow {
    padding: 120px 0;
}
#headimg_privacysitemap {
    padding: 120px 0;
}
#headimg_support {
    padding: 120px 0;
}
#headimg_contact {
	padding: 120px 0;
}
#headimg_page {
	padding: 120px 0;
}
#headimg_houjin {
    padding: 120px 0;
}
























@media only screen and (orientation:portrait) {







}


@media only screen and (orientation:landscape) {

p.topinfo_tit {
    width: 60%;
    float: left;
}






	
}




/* ここからandoroidスマホだけの為に縦横表示切替のもの */
/* アンドロイド縦 */
.android.mobile.portrait .smh_2list{
	margin:0 0 10px 0!important;	
}




/* アンドロイド横 */
.android.mobile.landscape #top_fbox ul li{
	width:20%;	
}



/* ここまでandoroidスマホだけの為に縦横表示切替のもの */









/*------------------------------------------------------------
　ここまでmobile.css
-------------------------------------------------------------*/

}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */