@charset "UTF-8";
/* CSS Document */

body{}
section{padding-top:30px;padding-bottom:30px}
section p{font-size:1.2em;}
footer{padding:20px 0px;}
.white{color:#fff;}
.tac{text-align:center;}
.tal{text-align:left;}
.py{padding:20px 0px}
.lh{line-height:180%;}
.mw{max-width:650px;}
.red{color:#bd0900;}
.blue{color:#1f6faa;}
.noto{font-family: 'Noto Serif JP', serif;}

.bg1{background-attachment: fixed}
@media (max-width:767px){
.bg1{background-image:url("../img/small1.jpg");background-size:contain;}
}

@media (min-width:769px){
.bg1{background-image:url("../img/1.jpg");background-size: cover;}
}

.bgtop{}
@media (max-width:767px){
.bgtop{padding:70px 0px}
}

@media (min-width:769px){
.bgtop{padding:170px 0px}
}

.bg2{background-image:url("../img/gs2.jpg");background-size: cover;background-attachment: fixed}
.bg3{background-image:url("../img/gs1.jpg");background-size: cover;background-attachment: fixed}

.dhone{
  border-bottom: solid 3px #a5bbcc;
  position: relative;
  padding-bottom:15px;
  margin-bottom:25px;
  font-size:30px;
}

.dhone:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #1f6faa;
  bottom: -3px;
  width: 20%;
}

.dhtwo{
  padding: 0.5em;/*文字周りの余白*/
  color: #222;/*文字色*/
  background: #f2f2f2;/*背景色*/
  border-left: solid 5px #1f6faa;/*左線（実線 太さ 色）*/
}
.contactlist{text-align:center;margin:auto;}
.contactlist ul{margin:auto;padding:0px;margin:0px;list-style-type: none}
.contactlist li{margin:auto;padding:0px;margin:0px;text-align:left;list-style-type: none}


.zoom_box{
 width:100%; // サイズがサンプルなので適時変更してください。
 margin:0 auto; //サンプルで中央に寄せたいので書かせていただいております。
 overflow:hidden; //これを記述することではみ出た部分を非表示にします。
}
.zoom_box img{
 transition:1s all;
}
.zoom_box img:hover{
  transform:scale(1.1,1.1);
  transition:1s all;
}

#page_top{

  background: #1f6faa;

}


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 120px;

  opacity: 0.6;
  z-index:100;
}

#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: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.pconly{display:block}
.sponly{display:none}

.overlayBtn .btn {
    font-size: 12px;
}