@charset "UTF-8";

/*===============================

  レスポンシブデザイン
  768px 以下

================================*/
@media screen and (max-width: 768px){
/***********************************/

.pc { display: none !important; }
.sp { display: block !important; }

/*
  フォーム
================================*/
section.form_contact {
    width: 100%;
    margin: 7% auto;
    padding: 0px 3%;
    box-sizing: border-box;
}
form {
    background-size: 87%;
    padding: 7%;
    background-position: right bottom 35%;
}
.p-top-contact_form_dl dt{
  width: 100%;
  font-size: 15px;
}
.p-top-contact_form_dl dd{
  width: 100%;
  margin-top: 3%;
  line-height: 1.4;
}
.p-top-contact_form_item-state{
  font-size: 15px;
}
dd.form-in2 select,{
  min-width: 44%;
}
dd.form-in4 input, dd.form-in4 select{
  width: 40%;
  min-width: 40%;
}
input.name {
    max-width: 40%;
}
input.tel {
    width: 27%;
}
dd.form-in2 select {
    min-width: 37%;
}
.submit_btn input{
  font-size: 18px;
}
.privacy_policy{
  margin-top: 10%;
}
.privacy_policy h2.h2{
  font-size: 13px;
}
.privacy_policy .small{
  font-size: 10px;
}

/* 追加 */
#p-top-hiyoko {
    margin: 3% auto 0px;
}

/* 下層ページ　コロナ */
.inner_02 p{
  text-align: left;
}

/* TOP バナー */
.top-bnr{
  margin: 3% 3% 0px;
}

/* 各メディアも注目 */
#media{
  margin: 10% 0px 0px;
}
#media #media .t-contents{
  width: auto;
}
#media .t-contents .t-contentsinner{
  width: auto;
}

/* TOP コンテンツ */
#topmain-contents{
  max-width: 98%;
  width: 98%;
  margin-top: 23%;
}
#no1-block .no1box{
  width: 100%;
  display: block;
  position: relative;
}
#no1-block .no1box .img {
    bottom: -3px;
    right: 10px;
}

/* ----- search-block ----- */
#search-block{
  border:3px solid #c98000;
  border-radius: 15px;
  margin-bottom: 3%;
}
#search-block:before {
  border-radius: 0 10px 10px 0;
}
#search-block .img {
    max-width: 155px;
    width: 30%;
}
#no1-block .no1box, #no1-block #search-block {
    padding: 30px 32% 10px 10px;
}

/* ----- fb-block ----- */
#fb-block{
  border:3px solid #365580;
  border-radius: 15px;
  margin-bottom: 3%;
}
#fb-block:before {
  border-radius: 0 10px 10px 0;
}
#fb-block .img {
    max-width: 145px;
    width: 28%;
}

#visit-text{
  border-radius: 15px;
}

/* ----- head popup ----- */
main{
  margin-top: 27%;
}
#global-header{
  position: fixed;
  top: 0px;
  z-index: 10;
  width: 100%;
  background: #fff;
}
#g-header__h1{
  margin-bottom: 7px;
}
header #g-header__inr{
  width: 97%;
}
#g-header__inr__content{
  overflow: hidden;
  padding-bottom: 7px;
}
.p-top-contact__form__select-wrap::after, .u-pointerevent-none, .ui-checkboxradio-disabled, .ui-state-disabled{
  pointer-events: auto !important;
}
#g-header__logo{
  width: 47%;
  height: 53px;
  float: left;
}
div.g-header-menu{
  margin-top: 0px;
  width: 50%;
  float: right;
}
div.g-header-menu img{
  width: auto;
  max-width: auto;
}
div.g-header-menu ul li{
  display: inline-block;
  vertical-align: top;
  margin-right: 3%;
  width: 31%;
}
div.g-header-menu ul li.tel{
  margin-top: 0px;
}
div.g-header-menu ul li:last-child{
  margin-right: 0px;
}

/* ----- footer popup ----- */
.footer-btn{
  position: fixed;
  bottom: 0px;
  z-index: 10;
  width: 100%;
  text-align: center;
}
footer p.btn img {
  display: inline;
}
#global_footer{
  padding-bottom: 17%;
}
.fuwafuwa {
  -webkit-animation-name: fuwafuwa;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease;
  -moz-animation-name: fuwafuwa;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease;
}
@-webkit-keyframes fuwafuwa {
  0% {-webkit-transform:translate(0, 0);}
  50% {-webkit-transform:translate(0, -10px);}
  100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
  0% {-moz-transform:translate(0, 0);}
  50% {-moz-transform:translate(0, -10px);}
  100% {-moz-transform:translate(0, 0);}
}

/* 640px 終了 */
}
/* /640px 終了 */