@charset "UTF-8";
/* サイドメニュー
------------------------------------------------ */
div#wrap-container {
  width: 100%;
}

div#detail {
  width: 100%;
  margin: 60px auto 40px auto;
  font-size: 80%;
  line-height: 120%;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

div#detail_inner {
  margin: 0 auto;
  width: 980px;
}

div#detail .sanwach_about .about_title {
  margin: 0;
  font-weight: bold;
  font-size: 3.5em;
  color: #333333;
  line-height: 1.5;
  text-align: center;
}

div#detail .sanwach_about .about_title span {
  font-size: 0.6em;
  display: block;
}

div#detail .sanwach_about .inner_fig {
  margin: 50px 0 0 0;
  text-align: center;
}

div#detail .sanwach_about .inner_title {
  margin: 60px 0 0 0;
  font-size: 1.7em;
  font-weight: bold;
  line-height: 1.5;
  color: #2CB949;
  text-align: center;
}

div#detail .sanwach_about .inner_text {
  margin: 25px 0 0 0;
  font-size: 1.5em;
  line-height: 1.5;
  width: 97%;
  color: #333333;
  text-align: center;
}

div#detail .sanwach_about .inner_contact {
  margin: 45px auto 0;
}

div#detail .sanwach_about .inner_contact a {
  display: block;
  margin: 0 auto;
  padding: 16px 0 15px 0;
  width: 390px;
  font-weight: bold;
  font-size: 1.3em;
  color: #1B4E9E;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #1B4E9E;
}

div#detail .sanwach_about .inner_contact a:hover {
  opacity: 0.6;
}

div#detail .sanwach_merit_outer {
  margin: 50px 0 0 0;
  padding: 50px 0 40px 0;
  background-color: #F2F2F2;
  width: 100%;
}

div#detail .sanwach_merit {
  margin: 0 auto;
  width: 980px;
}

div#detail .sanwach_merit .merit_title {
  margin: 0;
  font-weight: bold;
  font-size: 2.6em;
  color: #333333;
  line-height: 1.5;
  text-align: center;
}

div#detail .sanwach_merit .merit_title span {
  font-size: 0.6em;
  display: block;
}

div#detail .sanwach_merit ul {
  margin: 30px 0 0 43px;
}

div#detail .sanwach_merit ul li {
  margin: 0 0 20px 20px;
  padding: 25px 0 35px 0;
  float: left;
  width: 285px;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 10px;
}

div#detail .sanwach_merit ul li .merit_text {
  margin: 20px 0 0 0;
  font-weight: bold;
  font-size: 1.5em;
  color: #333333;
  line-height: 1.3;
  display: block;
}

div#detail .sanwach_merit ul li .merit_note {
  margin: 20px auto 0;
  font-size: 1.3em;
  color: #333333;
  line-height: 1.5;
  display: block;
  width: 90%;
  text-align: left;
}

div#detail .sanwach_merit ul li:nth-child(3n+1) {
  margin: 0 0 20px 0;
}

div#detail .sanwach_function {
  margin: 50px auto 0;
  width: 980px;
}

div#detail .sanwach_function .useful_function {
  margin: 0;
  font-weight: bold;
  font-size: 2.6em;
  color: #333333;
  line-height: 1.5;
  text-align: center;
}

div#detail .sanwach_function .useful_function span {
  font-size: 0.6em;
  display: block;
}

div#detail .sanwach_function ul {
  margin: 45px 0 0 50px;
}

div#detail .sanwach_function ul li {
  margin: 0 0 20px 20px;
  padding: 0 0 35px 0;
  float: left;
  width: 284px;
  text-align: center;
  background-color: #F7F7F7;
}

div#detail .sanwach_function ul li .function_title {
  margin: 20px 0 0 0;
  font-weight: bold;
  font-size: 1.5em;
  color: #333333;
  line-height: 1.3;
  display: block;
}

div#detail .sanwach_function ul li .function_note {
  margin: 20px auto 0;
  font-size: 1.2em;
  color: #333333;
  line-height: 1.5;
  display: block;
  width: 90%;
  text-align: left;
}

div#detail .sanwach_function ul li:nth-child(3n+1) {
  margin: 0 0 20px 0;
}

div#detail .contact_area_outer {
  margin: 55px 0 0 0;
  padding: 35px 0 65px 0;
  width: 100%;
  background-color: #EBF4FE;
}

div#detail .contact_area {
  margin: 0 auto;
  width: 980px;
}

div#detail .contact_area .contact_fig {
  text-align: center;
}

div#detail .contact_area .contact_title {
  margin: 20px 0 0 0;
  font-weight: bold;
  font-size: 1.9em;
  color: #1977F2;
  line-height: 1.5;
  text-align: center;
}

div#detail .contact_area .contact_text {
  margin: 25px 0 0 0;
  font-size: 1.3em;
  line-height: 1.5;
  color: #333333;
  text-align: center;
  display: block;
}

div#detail .contact_area .contact_mail {
  margin: 35px 0 0 0;
}

div#detail .contact_area .contact_mail a {
  margin: 0 auto 0;
  padding: 15px 0 15px 30px;
  display: block;
  font-size: 1.55em;
  color: #004DA2;
  width: 430px;
  border: 1px solid #1B4E9E;
  border-radius: 10px;
  background: #FFFFFF url(/static/images/common/yaji_10_navy.svg) no-repeat 96% center/24px 24px;
}

div#detail .contact_area .contact_mail a img {
  margin-right: 15px;
  width: 60px;
  vertical-align: middle;
}

div#detail .contact_area .contact_mail a:hover {
  opacity: 0.6;
}

div#detail .login_area {
  margin: 45px auto 0;
  width: 980px;
}

div#detail .login_area a {
  margin: 0 auto;
  padding: 33px 0 33px 0;
  width: 580px;
  display: block;
  font-weight: bold;
  font-size: 1.8em;
  color: #FFFFFF;
  background-color: #1B4E9E;
  border-radius: 10px;
  text-align: center;
}

div#detail .login_area a:hover {
  opacity: 0.6;
}