@charset "UTF-8";

/*本体*/
body{
  font-family:'Noto Sans JP', 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-weight:300;
  color:#6f685c;
  font-size:16px;
  margin:0 auto;
}
/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#fff;
  text-align:center;
  color:#000;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:260px;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

#page-top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background:#a6b5d7;
  opacity: 0.6;
}
#page-top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page-top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
h1{
  font-weight:700;
  font-size:28px;
  letter-spacing:0.2rem;
  text-align:center;
  margin: 20px auto;
}

/*ヘッダー*/
#header{
  width:1000px;
  margin:0 auto;
}
#header p{
  font-size:15px;
  font-weight:500;
}
#header:after{
  content:"";
  display:block;
  clear:both;
}
.header-logo-link,.header-mail{
  float:left;
}
.header-logo-link img{
  width:400px;
  padding-top:5px;
}
#header a:hover{
  opacity:0.6;
}
.header-mail{
  margin-left:420px;
}
.header-mail img{
  margin-right:20px;
  margin-top:45px;
  height:16px;
}
.header-mail a{
  padding:20px;
  background:#00b0bb;
  border-radius:10px;
  text-decoration:none;
  color:#ffffff;
  box-sizing: border-box;
}
span.normal{
  font-weight:300;
  color:#6f685c;
  font-size:16px;
}
/*############## 769-999px ##############*/
@media (min-width:769px) and (max-width: 999px){
.header-mail{
  display:none;
}
#header{
  width:100%;
  margin:0 5px;
}
}
/*#######################################*/
/*############## 768px以下 ##############*/
@media (max-width: 768px){
body{
  font-size:14px;
}
h1{
  font-size:13px;
  font-weight: 300;
  margin:5%;
}
#header p{
  font-size:12px;
  font-weight:300;
}
.header-mail{
  display:none;
}
#header{
  width:100%;
  margin:0 5px;
}
.header-logo-link img{
  width:70%;
}
}
/*#######################################*/

/*トップイメージ*/
.top-image{
  position:relative;
}
.top-image img{
  width:100%;
}
.top-image-comment{
  position:absolute;
  display:block;
  width:700px;
  height:auto;
  background: rgba(0,0,0,0.6);
  left:50%;
  bottom:0%;
  padding:0 25px;
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.top-image-comment p{
  font-size:30px;
  color:#ffffff;
}
span.bold{
  font-weight:900;
  font-size:40px;
  color:#264a9d;
  opacity:1;
}

/*############## 768px以下 ##############*/
@media (max-width:768px){
.top-image-comment{
  width:70%;
  padding:5px;
  top:50%;
  height:80px;
}
.top-image-comment p{
  font-size:13px;
  font-weight:300;
  margin:0 auto;
}
}
/*#######################################*/

/*ここから本文*/
/*移転案内*/
.iten{
  text-align: center;
}
.iten img{
  margin:50px auto;
  width:40%;
}
/*お悩み*/
.comentdot{
  margin:0 5px;
}
.warries{
  width:1000px;
  margin:100px auto 0;
}
.warries-box{
}
.warries-box ul{
  list-style-type: none;
  overflow:hidden;
  padding:0;
  margin-bottom:-5px;
}　
.warries-box ul:after{
  content:"";
  display:block;
  clear:both;
}
.comment-box{
  width:auto;
  border:solid 4px #a6b5d7;
  border-radius:10px;
  padding:10px 5px;
  margin-bottom:5px;
  text-align:center;
  font-weight:500;
  font-size:19px;
  line-height:30px;
}
.comment-photo{
  text-align:center;
}
.warries-inner{
  text-align:center;
}
.warries-box01,.warries-box02{
  float:left;
}
.warries-box ul li{
  width:21%;
  margin:0 5.3% 0 0;
  float:left;
}
.warries-box ul li:last-child{
  margin:0 0 0 0;
}

/*############## 999px以下 ##############*/
@media (max-width:999px){
.commentdot{
  display:none;
}
.warries{
  width:100%;
  margin:50px 0;
}
.warries-box ul li{
  width:60%;
  float:none;
  margin:20px auto;
}
.warries-box ul li:last-child{
  margin:10px auto;
}
}
/*#######################################*/
/*############## 768px以下 ##############*/
@media (max-width:768px){
.iten img{
  margin:30px auto;
  width:90%;
}
.comment-box{
  font-size:14px;
  line-height:20px;
  font-weight:300;
}
span.bold{
  font-weight:500;
  font-size:20px;
  opacity:1;
}
}
/*#######################################*/
/*宣伝・PR・広告に関すること、ご相談ください*/
.consultation{
  margin-top:0px;
}
.line-blue{
  background:#e7f4f7;
  height:10px;
}
.back-blue{
  background:#e7f4f7;
  padding-top:10px;
  padding-bottom:10px;
}
.back-blue-inner{
  width:1000px;
  margin:0 auto;
}
.back-blue p{
  font-size:19px;
  line-height:30px;
  font-weight:500;
}
.back-blue img{
  vertical-align:middle;
  margin-right:10px;
  width:30px;
}

/*############## 768px以下 ##############*/
@media (max-width:768px){
.back-blue p{
  width:100%;
  font-size:14px;
  line-height:20px;
  font-weight:300;
}
.back-blue img{
  margin-right:5px;
  width:20px;
}
}
/*#######################################*/
/*############## 999px以下 ##############*/
@media (max-width:999px){
.consultation{
  margin-bottom: 50px;
}
.back-blue-inner{
  width:90%;
  margin:0 5%;
}
}
/*#######################################*/
/*お問い合わせ*/
#contact{
  width:1000px;
  margin:100px auto;
}
.fadein{
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}
table{
  width:100%;
}
tr{
  display: flex;
  border-top: 1px solid #f0f0f0;
  padding: 8px 0;
}
th{
  background: #e7f4f7;
  padding: 20px 20px 20px 20px;
  font-size: 19px;
  color: #000000;
  font-weight: 500;
  vertical-align: middle;
  width: 35%;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
}
td{
  padding: 20px 40px;
  font-size: 19px;
  vertical-align: middle;
  width: 65%;
}
input[type=text],input[type=tel],input[type=email],
textarea{
  width:90%;
  padding:10px 20px;
  font-size:86%;
  border:none;
  border:1px solid #000000;
}
textarea{
  height:200px;
}
input[name=btn-confirm],
input[name=btn-submit],
input[name=btn-back] {
  font-size: 19px;
  color: #ffffff;
  font-weight: 500;
  padding:20px 40px;
  background:#00b0bb;
  border-radius:10px;
  text-decoration:none;
  box-sizing: border-box;
  display:block;
  margin:30px auto 0;
  border:none;
  box-shadow: 0 3px 0 #2887d1;
  cursor: pointer;
}
.button:hover{
  opacity:0.6;
}
input[name=btn-back] {
	margin-right: 20px;
	box-shadow: 0 3px 0 #777;
	background: #999;
}
span.require{
  color:#ffffff;
  background:#264b9d;
  padding:5px;
  border-radius:5px;
  margin-left:10px;
  font-size:14px;
}
/*############## 999px以下 ##############*/
@media (max-width:999px){
#contact{
  width:90%;
  margin-right:5%;
  margin-left:5%;
}
tr{
  display:block;
}
th{
  background: #e7f4f7;
  padding: 5%;
  position: relative;
  font-size: 15px;
  font-weight: 300;
  width: 90%;
}
td{
  display:block;
  width:90%;
  padding: 5px 0;
  font-size: 15px;
}
span.require{
  padding:5px;
  border-radius:5px;
  margin-left:5px;
  font-size:13px;
}
input[type=text],input[type=tel],input[type=email],
textarea{
  width:96%;
}
}
/*#######################################*/

/*フッター*/
.footer-line{
  margin-top:90px;
  border-top:3px solid #264b9d;
}
#footer{
  background:#f4f0e9;
  padding-bottom:40px;
}
.footer-box:after{
  content:"";
  display:block;
  clear:both;
}
.footer-box{
  width:1000px;
  margin:0 auto;
}
.footer-right,.footer-left{
  float:left;
}
.footer-logo p img{
  width:500px;
  padding-top:5px;
}
.footer-logo p{
  font-size:15px;
  font-weight:500;
  margin-bottom:5px;
}
.footer-logo a:hover{
  opacity:0.6;
}
.footer-right{
  margin-top:0px;
  margin-left:50px;
}
.footer-right:after{
  content:"";
  display:block;
  clear:both;
}
.footer-addressbox,.corona{
  float:left;
}
.footer-contact p{
  font-size:19px;
  font-weight:500;
  margin-bottom:5px;
}
.footer-address p{
  margin:10px auto;
}
span.tel{
  font-size:30px;
}
a[href^="tel:"] {
  text-decoration: none;
  color:#6f685c;
}
.footer-mail img{
  margin-right:20px;
  margin-top:45px;
  height:16px;
}
.footer-mail a{
  padding:20px;
  background:#00b0bb;
  border-radius:10px;
  text-decoration:none;
  color:#ffffff;
  box-sizing: border-box;
}
.footer-mail a:hover{
  opacity:0.6;
}
/*############## 999px以下 ##############*/
@media (max-width:999px){
#footer{
  padding-top:30px;
}
.footer-box{
  width:90%;
  margin:0 5%;
}
.footer-right,.footer-left{
  float:none;
}
.footer-right{
  margin-top:10px;
  margin-left:0px;
}
}
/*#######################################*/

/*############## 768px以下 ##############*/
@media (max-width:768px){
.footer-box{
  width:90%;
  margin:0 5%;
}
.footer-logo p img{
  width:100%
}
.footer-logo p{
  font-size:12px;
  font-weight:300;
  margin:0;
}
}
/*#######################################*/
/*############## 769px以上 ##############*/
@media (min-width: 768px){
a[href^="tel:"] {
  pointer-events: none;
}
}
/*#######################################*/

/*confirm.php,confirm2.php*/
#confirm,#confirm2{
  width:1000px;
  margin:0 auto;
}
.confirm-btn{
  display:table;
  margin:30px auto 0;
  text-align: center;
}
.confirm-btn:after{
  content:"";
  display:block;
  clear:both;
}
input[name=btn-submit],
input[name=btn-back] {
  float:left;
}
/*############## 768px以下 ##############*/
@media (max-width:768px){
#confirm,#confirm2{
  width:90%;
  margin:0 5%;
}
}
/*#######################################*/