body{
   font-family: 'Noto Serif JP', serif;
   color:initial;
}

.form-top-right{
display:none;
}


/* 上部バナーの設定 */
/* ↓下記のURLをバナーのURLに差し替えてください */
.form-top{
  background-image: url("https://d27rnpuamwvieu.cloudfront.net/0raVKRZhHhpUX31BfXXefgwXX/normal");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
/* ↓スマホで表示される縦幅です*/
/*     height:410px;*/
   height:230px;
   animation-name:fadeUpAnime;
   animation-duration:4s;
   animation-fill-mode:forwards;
   opacity:0;
}



/* 背景の設定 */
/* ↓下記のURLを背景のURLに差し替えてください */
.form-bottom{
   background-image: url("https://d27rnpuamwvieu.cloudfront.net/0EPXCSp9Kw1j1dLTRqZBE3QXX/normal");
   background-repeat: repeat !important;
   background-position: center;
   background-size: contain;
   padding: 15px 15px 15px;
}


/* 見出しの設定 */
.description-md-title{
  display: flex;
  justify-content: center;
 background-color: initial !important;
  color:#1a1a1a;
  padding: initial;
  margin: 0px;
  line-height: 1.5;
  box-shadow: initial;
  text-align:center;
}


h4{
  position: center;
  font-size:20px;
  font-weight:800;
  padding: 1.5rem;
  text-align: center;
   border-bottom:#BD8A2F solid 2px;
}




.text-break {
   font-color:#1A1A1A !important;
}


.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}


/* ラベルの設定 */
.label-danger{
  background-color: #0158A0;
  font-size: 0.7em;
  font-weight:nomal;
}


/* ラジオボタンの設定 */
.radio input[type=radio]:before, .radio-inline input[type=radio]:before, input[type=radio]:before {
    background-color:#0158A0!important;
}


.radio input[type=radio]:checked:after, .radio-inline input[type=radio]:checked:after, input[type=radio]:checked:after {
   border-color:#0158A0 !important;
}



/* 下部ボタンの設定 */
.btn {
    position: relative;
    display: block;
    width: 95%;
    height: auto;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
     background-color: #388e3c !important;
    border:#BD8A2F thin solid;
/*    background-color: #1548ac !important;
    border:#BD8A2F thin solid; */
   overflow: hidden;
   margin:0 auto 40px !important;
}


.btn:hover {
   background-color: #5e523a;
   border:#2C3656 thin solid;
}


.btn::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);


    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

    /* 加藤カスタマイズ */
    /* キャッチコピーを中央に*/
.description-image {
	text-align: center;
	margin: auto;
	display: block;
}
    /* 加藤カスタマイズここまで */

@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}



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



@media screen and (min-width: 960px) {
/* 960px以上に適用されるCSS(PC用) */
/* ↓下記のURLをバナーのURLに差し替えてください */
.form-top{
  background-image: url("https://d27rnpuamwvieu.cloudfront.net/0raVKRZhHhpUX31BfXXefgwXX/normal");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
/* ↓PCで表示される縦幅です*/
/*  height:475px;*/
  height:445px;
}





@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');