body {
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
  }


html, body {
     width: 100%;
     height: 100%;
     overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
  }

h1, h2, h3, h4 {
  font-weight: bold;
  letter-spacing: 2px;
}

.heading {
  font-size: 20px;
}
.subheading {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 60px;
}
.bold {
  font-weight: bold;
}

p {
  line-height: 28px;
  font-size: 15px;
}

a {
  outline: none !important;
}

hr {
  width: 180px;
  border-color: #CCC;
}

.section-title strong {
	color: #014F5C;
  	font-size: 36px;
}

.section-title h1 {
	font-size: 24px;
}

.section-title {
  padding-bottom: 32px;
}

.medium-icon {
  font-size: 32px !important;
}


#QandA  {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}




/* ==========================================================================
QandA section
========================================================================== */
#QandA {
    text-align: center;
    font-family: 'Noto Sans Japanese' , sans-serif;
}
#QandA .col-md-4 {
  padding: 28px;
  position: relative;
  transition: all 0.4s ease-in-out;
}

#QandA h1 {
  font-size: 25px;
}
#QandA h3 {
  font-size: 23px;
}
#QandA a:link {
  color: #2E2E2E;
}
#QandA a:visited {
  color: #014F5C;
}
#QandA a:hover {
  color: #efb8e6;
}


.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*�ő啝*/
}

/*���x��*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#2f8fcf;
    font-weight: bold;
    background :#a4cbf3;
    cursor :pointer;
    transition: all 0.5s;
}

/*���x���z�o�[��*/
.accbox label:hover {
    background :#85baef;
}

/*�`�F�b�N�͉B��*/
.accbox input {
    display: none;
}

/*���g�����\���ɂ��Ă���*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*�N���b�N�Œ��g�\��*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
    text-align: left;
}


.stripe{
  position: relative;
  	padding: 0.3em;
  }
.stripe:after {
  content: '';
  position: absolute;
  left: 0;
    bottom: 0;
  width: 100%;
    height: 7px;
    background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
  }