@charset "utf-8";
/*
Theme Name: z-daishin
Author: MIRAIE GROUP
Author URI: https://miraie-jp.com/
Version: 20.0
*/

/* A Modern CSS Reset */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;padding:0;}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
a:link {text-decoration:none;}

body {font-family:'Zen Kaku Gothic New',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:#000;font-size:14px;width:100%;overflow-x:hidden;line-height:1.6;font-weight:500;background:#fff;}
a:link {text-decoration:none;}
@media screen and (min-width: 768px) {
	body {font-size:16px;}
}
/* ----------------------- ★ レイアウト・ベース ----------------------------*/
#wrap-all {width:100%;min-width:320px;height:auto; overflow-x:hidden;background:url(img/back-3.jpg) no-repeat center center;background-size:cover;}

header, footer, #content {width:100%;}
#header, #content, #footer {max-width:100%;min-width:320px; margin:0 auto;}

#content {clear:both;padding:0 0 60px 0;margin:0 auto;height:auto;min-height:400px;}
section {clear:both;width:100%;padding:0; margin:0 auto;overflow:hidden;}

/* ---- ベースカラー(aリンク)  ----*/
.main-color {background:#f8a646;}
.link-color { color:#e0004d; cursor:pointer;border:1px solid #fff;}
.link-color:hover { border-color:#ff8dad;}

/* ------------- テンプレ ----------- */
.linkBtn{width:80%;max-width:400px;text-align:center;padding:12px 0;display:block;margin:30px auto 30px;background:#b59948;color:#fff;border-radius:6px;font-family: 'Sawarabi Mincho', sans-serif;}
.linkBtn:hover{background:#d2a830;}

.center-p {clear:both;width:90%;max-width:600px;margin:0 auto;text-align:center;}

.dammy-waku {padding:100px 0;background:#eee;text-align:center;}
@media screen and (min-width: 768px) {
	.p-center {padding:50px 1em;}
}
/* ----------------------- ★ 機能 ----------------------------*/
#logo, .linkBtn:hover, #news-wrap a:hover {-webkit-transition:all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.c-line-in { position:relative; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}

h1,h2,h3 {clear:both;font-weight:500;color:#000;text-align:center;}
h1 {font-size:1.5em;line-height:1.4;margin:0 auto 40px;width:90%;max-width:900px; padding-top:60px;font-family:"Sawarabi Mincho";}
h2 {font-size:1.3em;padding:0.6em 0;line-height:1.3;margin:40px auto 20px;border-bottom:1px solid #555;}
h3 {font-size:1em;padding:8px 0 6px 0.6em;margin:40px auto 10px; font-weight:bold;text-align:left;border-left:8px solid #9d812f;color:#9d812f;}

@media screen and (min-width: 768px) {
	h1 {font-size:1.8em;}
	h2 {font-size:1.4em;}
}

/* ------------------------ ★ ヘッダー&ナビ -------------------------------*/
#header {position:relative;z-index:1200;background:#f3ecdc; padding-top:0;}

#m-r-b {display:none;position:fixed;z-index:9900;left:100%;width:46px;height:auto; margin-top:8px; margin-left:-54px; cursor:}
#logo {position:relative;left:50%;width:300px;padding:2px 0;margin:0 0 0 -156px;}

/* -- pop nav -- */
#left-nav, #right-nav {display:none;position:fixed;top:0;left:0;z-index:9990;width:100%;height:100%;background:rgba(0,0,0,0.6);cursor:pointer;}
#sub-nav, #sub-nav2 {clear:both;width:90%;height:auto;overflow:hidden;text-align:center;margin:0 auto;}
#sub-nav li, #sub-nav2 li {width:70%;margin:0 auto 3%; opacity:0;border:1px solid #ddd;list-style:none;}
#sub-nav li a, #sub-nav2 li a {width:100%;padding:0.5em 0;display:block;font-size:1rem;color:#83746d;background:#fff;}
#sub-nav li a:hover, #sub-nav2 li a:hover {background:#fff;color:#fe7500;}

@media screen and (min-width: 1024px) {
	#m-r-b {left:50%;margin-left:430px;}
	#logo span {padding:6px 0 0 0;}
#main-nav {display:block;margin:6px 0 0 150px;padding:0;width:560px;float:left;}

#sub-nav, #sub-nav2 {width:70%;max-width:600px;}
	#sub-nav li{margin-bottom:1.3em;}
    #sub-nav li a {width:100%;padding:0.6em 0;display:block;font-size:1.1rem;}
}

/* ------------------------ ★ home-top-content ------------------------- */

/* --- スライド --- */

/* --- トップコンテンツ --- */
.home h1, .home h2 {font-size:1.6em;line-height:1.4;margin:0 auto 20px;width:90%;max-width:1400px; padding:0;font-family:"Sawarabi Mincho";border:none;}

#aisatu {padding:40px 0 80px;}
#img-top {position:relative;left:50%;width:130%;max-width:1400px;height:auto;margin:0 0 1.4em -65%;}
#aisatu p {font-size:1.2em;max-width:23em;margin:0 auto;}

@media screen and (min-width: 768px) {
 #img-top {left:0;width:100%;margin:0 auto 1.4em;}
}

#chikara {padding:50px 0 80px;background:#fff;}
#chikara div {width:96%;max-width:1460px;overflow:hidden;margin:0 auto;}
#chikara-3-wrap {width:100%;overflow:hidden;}
#chikara-3-wrap div {width:90%;max-width:660px;height:200px;margin:0 auto 30px;display:block;overflow:hidden;}
#chikara-3-wrap div h3 {font-size:1.8em;font-family:"Sawarabi Mincho";padding:30px 0 12px;margin:0;font-weight:bold;}
#chikara-3-wrap div p {font-size:1.1em;width:90%;padding:0;margin:0 auto;font-weight:bold;}
#chikara-3-wrap div h3, #chikara-3-wrap div p {text-align:center;color:#fff;text-shadow: 1px 1px 4px rgba(10, 10, 10, 0.9);}

#chikara-1 {background:url(img/chikara-1.jpg) no-repeat center center;background-size:cover;}
#chikara-2 {background:url(img/chikara-2.jpg) no-repeat center center;background-size:cover;}
#chikara-3 {background:url(img/chikara-3.jpg) no-repeat center center;background-size:cover;}

@media screen and (min-width: 768px) {
	#chikara-3-wrap div {height:260px;}
	#chikara-3-wrap div h3 {padding:60px 0 12px;}
}
@media screen and (min-width: 1000px) {
  #chikara-3-wrap {padding-left:2.8%;margin-bottom:50px;}
  #chikara-3-wrap div {float:left;width:31%;padding:30px 0;height:250px;margin:0 2% 30px 0 ;}
  #chikara-3-wrap div h3 {padding:30px 0 12px;}
}


#komarigoto-s {width:100%;height:auto;margin:0 auto 1.4em;}
#komarigoto {display:none;width:100%;max-width:1400px;height:auto;margin:0 auto 1.4em;}

@media screen and (min-width:1020px) {
 #komarigoto-s {display:none;}
 #komarigoto {display:block;}
}


#jirei {padding:40px 0 80px;}
#jirei div {width:96%;max-width:1400px;margin:0 auto;}

.3d-img {display:block;width:100%; overflow:hidden;}









/* ----------------- ★ ページ default ------------------ */
#page-content{width:96%;max-width:960px;padding-bottom:60px;margin:0 auto;}
.page-title{padding:50px 0 0 0;display:block;margin:50px auto 30px;font-family:'Sawarabi Mincho', sans-serif;}
.page-content p {padding:0 1em 1em;display:block;margin-bottom:1em;}

.link-base, .link-gaibu {color:#dd4bb9;font-weight:bold;}
.img-width-100 {width:100%;margin:0 auto;}


/* --- スライダー --- */
.flexslider-wrap {margin-bottom:120px;overflow:hidden;}









/* --- table --- */
.gaiyou, .gaiyou-item {clear:both;width:98%;overflow:hidden;font-size:0.9em;line-height:1.4;}
.gaiyou {max-width:900px;margin:0 auto 80px;}
.gaiyou-item {max-width:600px;margin:0 auto 80px;}
.gaiyou tr, .gaiyou-item tr {width:100%;}
.gaiyou td, .gaiyou-item td {padding:0.6em;border:1px solid #666;background:#fff;margin-bottom:0.4em;color:#000;}
.gaiyou td img, .gaiyou-item td img{margin:0 auto;}
.gaiyou td:first-child, .gaiyou-item td:first-child {width:24%;background:#f8f8f8;text-align:center;}

@media screen and (min-width: 1024px) {
.gaiyou, .gaiyou-item  {font-size:0.9em;}
}

/* --- list --- */
.list-policy {width:90%;margin:1em 0 1em 5%;}
.list-policy li {list-style-type: disc;}



/* ----------------------------★ フッター ----------------------------------*/
footer { clear:both;background:#f3ecdc; padding:2px 0 60px 0;border-top:1px solid #ddd;}

#call-wrap{padding:0;text-align:center;}
#call-comm1{width:100%;padding:40px 10%;overflow:hidden;background:url(img/tell-back-s.jpg) no-repeat 10% center;background-size:cover;margin:0 auto;}
  #link-contact{width:70%;display:block;background:#4067b0;color:#fff;border-radius:10px;padding:6px 0 6px;margin:0 auto 0;text-align:center;}
  #link-contact:hover {background:#ff9300;}
#call-comm1 h2 {color:#003A64;border:none;font-size:20px;padding:0 0 0.5em 0;margin:0;}
#call-comm1 p{line-height:1.8;width:80%;margin:0 auto;}

@media screen and (min-width: 768px) {
#call-wrap{padding-bottom:40px;background:url(img/tell-back-s.jpg) no-repeat left center;background-size:cover;}
#call-comm1{width:510px;padding:10px 0;background:none;}
	#link-contact{width:400px;}
#call-comm1 h2 {font-size:26px;margin:0;}
#call-comm1 p{width:100%;}
}
@media screen and (min-width: 1300px) {
#call-wrap{background:url(img/tell-back.jpg) no-repeat 10% center;background-size:cover;}
}


#footer {clear:both;width:960px; margin:0 auto; color:#000; height:auto;overflow:hidden;padding:0;text-align:center;line-height:1.4;}

#f-logo {position:relative;left:50%;width:220px;padding:30px 0 0;margin:0 0 20px -114px;}
#copyright{clear:both;font-size:14px;padding:30px 0;margin:0;}

/* ------ tell & to top ------ */
#tel-top-wrap {position:fixed;z-index:1900;bottom:0;margin:0;width:100%;height:60px;overflow:hidden;background:rgba(0,0,0,0.8);border-top:1px solid #fff;}
#tel-top-wrap ol{width:100%;max-width:1000px;padding:0;margin:0 auto;}
#tel-top-wrap a {color:#fff;}
#tel-top-wrap li {float:left; padding:5px 0;}

#f-menu, #cart--btn, #f-mail, #f-top {padding:0;width:33%;overflow:hidden;margin:0 auto;}
#cart--btn, #f-mail, #f-top {border-left:1px solid #fff;height:60px;}
#f-menu img, #cart--btn img, #f-mail img, #f-top img {width:30px;height:auto;display:block;margin:7px auto 0;}


/* --------- 404 nothing found -------- */
#notfound {margin:60px auto 100px; width:80%; max-width:700px;overflow:hidden;background:rgba(255,255,255,0.1);border:1px solid #fff;}
#notfound p {margin:0 auto 0; width:90%;height:auto;overflow:hidden; text-align:center;padding:3em 0; line-height:1.4;font-size:0.9em;}
@media screen and (min-width: 768px) {
#notfound {margin-top:100px;}
#notfound p {line-height:1.6;}
}

/*------------ ★ お問い合わせ ------------*/
.guidance{width:94%;max-width:740px;text-align:center;margin:0 auto 20px;}

/* ---- 新フォーム ---- */
#c-form{clear:both;width:94%;max-width:700px;padding:30px 0; margin:3em auto 10px; border:2px solid #ccc;border-radius:20px; background:rgba(255,255,255,0.1);}
.inquiry{width:90%; margin:0 auto;}
.inquiry tr {clear:both; width:100%;border-collapse:collapse;font-size:1em;padding:10px;overflow:hidden; }
.inquiry th,.inquiry td { display:block!important; width:100%!important; border-top:none!important;}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {font-size:10px;}
/*見出し欄*/
.inquiry th{ text-align:left; font-size:14px; color:#000; padding:0 5px 8px 0;font-weight:500;}
/*通常欄*/
.inquiry td{ font-size:14px;margin:0 auto 30px;}
::placeholder{color:#999;}
/*必須の調整*/
.haveto{ font-size:7px; padding:5px; background:#ff9393; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px;}
/*任意の調整*/
.any{ font-size:7px; padding:5px; background:#93c9ff; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px;}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{ display:block;}
/*送信ボタンのデザイン変更*/
#formbtn{ display: block; padding:0.5em 0; margin:30px auto 0; width:94%; background:#fb8383; color:#fff; font-size:18px; font-weight:bold; border-radius:2px; border:1px solid #f74786;cursor: pointer;}
/*送信ボタンマウスホバー時*/
#formbtn:hover{ background:#fff; color:#fb8383;}

#botto {text-align:center;margin:20px auto 0;}

input[type="text"],input[type="tel"],input[type="email"],select,textarea {border:1px solid #555;color:#000;text-indent:1em; line-height:1.6em; width:100%;padding:6px 0 6px;}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus, textarea:focus {
    border:1px solid #fff;outline:;}
input[type="radio"]{background:blue;border:1px solid #888;}

.p-poricy{color:#f57272;}

/*ありがとうございましたページ*/
#thanks-wrap {width:90%;max-width:700px;padding:0 1em;margin:0 auto;}
#thanks-wrap p {text-align:center;padding-bottom:3em;}
#thanks-wrap img {width:240px;margin:0 auto 60px;}


/*エラー時*/
.wpcf7-not-valid-tip{color:red;}
.screen-reader-response {text-align:center;width:90%;width:500px;padding:12px 1em 10px 1em;color:red;position:absolute;margin:-1em 0 0 0;}
.screen-reader-response ul, .wpcf7-response-output{display:;text-align:center;}

@media screen and (min-width: 768px) {
.screen-reader-response {width:500px;left:50%;margin:0 0 0 -250px;}
}

/*------ poricyページ ------*/
#p-p{width:94%;max-width:800px;margin:0 auto;}