@charset "UTF-8";
/*
Theme Name: ChaChat
*/

:root {
  --main-color: #992E24;
  --base-color: #444444;
  --vary-color: #D04925;
  --thin-color: #E9E5DD;
  --gray-color: #696464;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


html, body {
  color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	scroll-behavior: smooth;
}

.icon::before {
font-family: "Font Awesome 5 Free";
}


img {
  max-width: 100%;
}

a {
  color: var(--base-color) !important;
}

#wpadminbar a {
  color: inherit !important;
}

table th, table td {
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  table th, table td {
    display: block;
  }
}


/* HEADER
-------------------------------------------------- */

.navbar-brand {
  margin-right: 2rem;
}

.logo {
  font-family: 'Lobster Two', cursive;
  font-style: italic;
  font-size: 2.5rem;
  color: var(--main-color);
  margin-right: 1rem;
}

.navbar-brand small {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: .85rem;
  vertical-align: super;
}

.navbar {
  font-size: .85rem;
  font-weight: bold;
  background: #fff;
  margin-bottom: 2rem;
}

.navbar a {
  color: var(--base-color) !important;
}

.navbar a i {
  color: var(--main-color) !important;
}

@media screen and (max-width: 640px) {
  .logo {
    display: block;
  }
  .navbar {
    padding: 0;
  }
  .navbar .navbar-brand * {
    line-height: 1.25em;
  }
}





/* MAIN
-------------------------------------------------- */

main {
  margin-top: 90px;
  background: var(--thin-color);;
}

.container {
  max-width: 980px;
  padding-top: 1.5em;
  padding-bottom: 1.5em; 
}


h1, h2, h3, h4, h5 {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: bold;
}


h2 {
  text-align: center;
  margin: 1em 0;
}

.badge {
  color: #fff;
  font-size: .85em;
  background: var(--vary-color);
}

.fas {
  vertical-align: middle;
}



/* HOME
-------------------------------------------------- */

/* main */

.about {
  padding: 100px 15px 0;
  background: var(--vary-color);
  color: #fff;
}


.about .container {
  height: 100%;
  padding: 0 1em;
}


.about__txt {
  font-size: 1.1rem;
  text-align: left;
}

.about__txt h3 {
  font-family: 'Zen Maru Gothic', sans-serif;
  margin-bottom: 1em;
}

.about__txt p {
  line-height: 2;
}

.about__img {
    height: 600px;
  background: url(images/hand.png) no-repeat center center / contain;
}

@media screen and (max-width: 640px) {
  .about__txt {
    order: 2;
  }
  .about__img {
    order: 1;
  }
}




/* news */


.news {
  background: #fff;
}


.news .container {
  max-width: 960px;
}


/* case */

.case img {
  border-radius: 50%;
  margin-bottom: 1rem;
}

.case .row h5 {
  text-align: center;
}

.case .row p {
  font-size: .85rem;
}

/* merit */

.merit {
  color: #fff;
  background: var(--vary-color);
}

/* function */

.function {
  background: var(--thin-color);
}

.function tr {
  border: var(--gray-color);
}

/* price */
.price {
  background: #fff;
}

.price strong {
  font-size: 3rem;
  font-weight: bold;
  color: var(--main-color);
}

.box {
/*   border: solid 1px var(--gray-color); */
  background: var(--thin-color);
  padding: 2rem;
  margin: 2rem 0;
  font-size: .85em;
}

.box .fas {
  font-size: 1.5em;
}

.box h4 {
  text-align: center;
  margin-bottom: 1rem;
}

/* form */

.form {
  color: #fff;
  background: var(--vary-color);
}

.form label {
  text-align: right;
}

.form .form-group {
  margin-bottom: 1rem;
  justify-content: center;
}