@charset "utf-8";
@media screen and (min-width: 1040px) {
  .page_ttl {
    text-align: center;
    padding: 55px 0 90px;
  }
  .wrap {
    background-image: url(../../common/img/second_bg.png);
    background-position: left, top;
    background-repeat: repeat;
    padding: 80px 0;
  }
  .wrap_inner {
    width: 1040px;
    margin: 0 auto;
    padding: 85px 120px 80px;
    background: #fff;
  }
  .wrap_inner:last-child {
    margin-bottom: 0;
  }
  .wrap_inner section {
    width: 800px;
    margin: 0 auto 20px;
  }
  .wrap_inner h3.ttl {
    font-size: 34px;
    font-size: 3.4rem;
    color: #0052aa;
    line-height: 1.2;
    text-align: center;
    margin: 0 0 80px;
  }
  .wrap_inner h4.ttl {
    font-size: 28px;
    font-size: 2.8rem;
    color: #0052aa;
    line-height: 1;
    border-bottom: solid 2px #0052aa;
    margin: 80px 0 55px;
    padding: 0 0 10px;
  }
  .wrap_inner h5.ttl {
    font-size: 16px;
    font-size: 1.6rem;
    color: #808080;
    line-height: 1;
    background-image: url("../img/dotted01.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 16px 3px;
    margin: 40px 0 35px;
    padding: 0 0 10px;
  }
  .wrap_inner h4.subt {
	  font-size: 20px;
	  color: #0052aa;
	  margin:1em 0 0.5em;
  }
  .wrap_inner h6.ttl_org {
	border-bottom:solid 1px #2b2b2b;
	padding-bottom:0.5em;
	margin:0 2em 0.5em;
	font-size: 22px;
    color: #ffa34a;
    line-height: 1.3;

  }
  .wrap_inner .kiji_mv {
    text-align: center;
  }
  .wrap_inner .kiji_inner {
    margin: 0 50px;
  }

  .disable-auto-tel {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
  }

  .wrap_inner .kiji_inner p a {
    font-weight: bold;
    color: #ffa34a;
    text-decoration: underline;
  }
  .wrap_inner .kiji_inner p a:hover {
    text-decoration: none;
  }
  .wrap_inner .kiji_inner .img {
    text-align: center;
  }
  .wrap_inner .kiji_inner .border {
    background-image: url("../img/dotted01.gif");
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 16px 3px;
    margin: 40px 0 60px;
    padding: 40px 0 0;
  }
  .wrap_inner .kiji_inner sup {
    color: #0052aa;
    font-weight: bold;
  }
  .wrap_inner .kiji_inner .note {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 40px 0 60px;
  }
  .wrap_inner .kiji_inner .note span {
    color: #0052aa;
    font-weight: bold;
  }
  .namecate {
    width: 1040px;
    margin: 0 auto 40px;
    padding: 40px 120px;
    background: #fff;
    border-top: solid 1px #808080;
  }
  .namecate .name {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: bold;
  }
  .btn_back {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    width: 288px;
    margin: 80px auto;
  }
  .btn_back a {
    display: block;
    padding: 15px 0;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    background: #fff;
    border: solid 1px #0052aa;
    color: #0052aa;
  }
  .btn_back a:hover {
    text-decoration: none;
    opacity: .5;
  }
  .relate_wrap {
    width: 1040px;
    margin: 0 auto;
    padding: 50px 120px 60px;
    background: #e5eef6;
  }
  .relate_wrap .relate_ttl {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1;
    text-align: center;
    margin: 0 0 50px;
    position: relative;
    top: 0;
    left: 0;
  }
  .relate_wrap .relate_ttl:before {
    content: "";
    display: block;
    background-image: url("../img/dotted02.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 23px 4px;
    width: 100%;
    height: 4px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  .relate_wrap .relate_ttl span {
    background: #e5eef6;
    padding: 0 15px;
    position: relative;
    z-index: 2;
  }
  .relate_wrap section {
    width: 700px;
    margin: 0 auto 20px;
    padding: 32px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
  }
  .relate_wrap section:last-child {
    margin-bottom: 0;
  }
  .relate_wrap .kiji_mv {
    width: 318px;
    margin: 0 30px 0 0;
  }
  .relate_wrap .kiji_mv img {
    width: 100%;
    height: auto;
  }
  .relate_wrap .kiji_text {
    width: 288px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .relate_wrap h3.ttl {
    font-size: 20px;
    font-size: 2.0rem;
    color: #0052aa;
    line-height: 1.2;
    margin: 0 0 25px;
  }
  .relate_wrap .name {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 15px 0;
  }
  .relate_wrap .lead {
    position: relative;
    max-height: calc(14 * 1.7 * 3 * 1px);
    font-size: 14px;
    line-height: 1.7;
    word-break: break-all;
    overflow: hidden;
  }
  .relate_wrap .lead::before, .relate_wrap .lead::after {
    position: absolute;
    background: #fff;
  }
  .relate_wrap .lead::before {
    content: '...';
    top: calc(14 * 1.7 * (3 - 1) * 1px);
    right: 0;
    width: 1.7em;
  }
  .relate_wrap .lead::after {
    content: '';
    width: 100%;
    height: 100%;
  }
  .btn {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    margin: 15px 0 0;
  }
  .btn a {
    display: block;
    padding: 14px 0;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    background: #ffa34a;
    color: #fff;
  }
  .btn a:hover {
    text-decoration: none;
    opacity: .5;
  }
  .topic_btn {
	  display:table;
	  width:90%;
	  margin:40px auto 0;
  }
  .topic_btn li{
	  display:table-cell;
	  width:50%;
  }
  .topic_btn li:nth-child(2){
	  text-align:right;
  }
  .topic_btn li a{
	  display:inline-block;
	  width:95%;
	  padding:20px 0;
	  background:#ffa34a;
	  text-align:center;
	  border-radius:10px;
	  color:#fff;
  }
  .topic_btn li a:hover {
    text-decoration: none;
    opacity: .5;
  }
  .topic_btn li h5{
	  display:inline-block;
	  padding-right:2em;
	  background:right center/auto 100% no-repeat url(../img/topic_btn_icon.png);
  }

  dl.bassui dt{
	  font-weight:700;
  }
  dl.bassui dd{
	  padding-left:1em;
	  margin-bottom:1em;
  }
}
/*SP版・Tablet版*/
@media screen and (max-width: 1039px) {
  .page_ttl {
    text-align: center;
    padding: 42px 0;
  }
  .page_ttl img {
    width: auto;
    height: 5.5vw;
    max-width: 100%;
  }
  .wrap {
    background-image: url(../../common/img/second_bg.png);
    background-position: left, top;
    background-repeat: repeat;
    padding: 4% 0 70px;
  }
  .wrap_inner {
    width: 92%;
    margin: 0 auto;
    padding: 45px 0;
    background: #fff;
  }
  .wrap_inner section {
    margin: 0 0 55px;
  }
  .wrap_inner:last-child {
    margin-bottom: 0;
  }
  .wrap_inner section {
    margin: 0 0 4%;
    padding: 0 4%;
  }
  .wrap_inner section.ttl {
    padding: 0;
  }
  .wrap_inner section:last-child {
    margin-bottom: 0;
  }
  .wrap_inner section.ttl img {
    width: 94%;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .wrap_inner section img {
    width: 90%;
    height: auto;
  }
  .wrap_inner h3.ttl {
    font-size: 22px;
    font-size: 2.2rem;
    color: #0052aa;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 40px;
  }
  .wrap_inner h3.ttl span {
    display: block;
  }
  .wrap_inner h4.ttl {
    font-size: 20px;
    font-size: 2.0rem;
    color: #0052aa;
    line-height: 1.3;
    border-bottom: solid 2px #0052aa;
    margin: 60px 0 40px;
    padding: 0 0 10px;
  }
  .wrap_inner h4.ttl span {
    display: block;
  }
  .wrap_inner h5.ttl {
    font-size: 14px;
    font-size: 1.4rem;
    color: #808080;
    line-height: 1.3;
    background-image: url("../img/dotted01.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 16px 3px;
    margin: 40px 0 20px;
    padding: 0 0 10px;
  }
  .wrap_inner h5.ttl span {
    display: block;
  }
  .wrap_inner h6.ttl_org {
	margin:0 2em 1em;
	border-bottom:solid 1px #2b2b2b;
	padding-bottom:0.5em;
    font-size: 1.4rem;
    color: #ffa34a;
    line-height: 1.3;

  }
  .wrap_inner h4.subt {
	  font-size: 18px;
	  color: #0052aa;
	  margin:1em 0 0.5em;
  }
  .wrap_inner .kiji_mv {
    text-align: center;
  }
  .wrap_inner .kiji_inner {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap_inner .kiji_inner p a {
    font-weight: bold;
    color: #ffa34a;
    text-decoration: underline;
  }
  .wrap_inner .kiji_inner .img {
    text-align: center;
  }
  .wrap_inner .kiji_inner .border {
    background-image: url("../img/dotted01.gif");
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 16px 3px;
    margin: 20px 0;
    padding: 20px 0 0;
  }
  .wrap_inner .kiji_inner sup {
    color: #0052aa;
    font-weight: bold;
  }
  .wrap_inner .kiji_inner .note {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 25px 0 40px;
  }
  .wrap_inner .kiji_inner .note span {
    color: #0052aa;
    font-weight: bold;
  }
  .namecate {
    width: 92%;
    margin: 0 auto;
    padding: 20px 4%;
    background: #fff;
    border-top: solid 1px #808080;
  }
  .namecate .name {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: bold;
  }
  .btn_back {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    width: 70%;
    margin: 40px auto;
  }
  .btn_back a {
    display: block;
    padding: 15px 0;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    background: #fff;
    border: solid 1px #0052aa;
    color: #0052aa;
  }
  .btn_back a:hover {
    text-decoration: none;
    opacity: .5;
  }
  .relate_wrap {
    width: 94%;
    margin: 0 auto;
    padding: 40px 4% 6%;
    background: #e5eef6;
  }
  .relate_wrap .relate_ttl {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
    margin: 0 0 40px;
    position: relative;
    top: 0;
    left: 0;
  }
  .relate_wrap .relate_ttl:before {
    content: "";
    display: block;
    background-image: url("../img/dotted02.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 23px 4px;
    width: 100%;
    height: 4px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  .relate_wrap .relate_ttl span {
    background: #e5eef6;
    padding: 0 8px;
    position: relative;
    z-index: 2;
  }
  .relate_wrap section {
    width: 100%;
    margin: 0 auto 4%;
    padding: 4%;
    background: #fff;
  }
  .relate_wrap section:last-child {
    margin-bottom: 0;
  }
  .relate_wrap .kiji_mv {
    margin: 0 0 10px 0;
  }
  .relate_wrap .kiji_mv img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .relate_wrap .kiji_text {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .relate_wrap h3.ttl {
    font-size: 16px;
    font-size: 1.6rem;
    color: #0052aa;
    line-height: 1.2;
    margin: 0 0 10px;
  }
  .relate_wrap h3.ttl span {
    display: block;
  }
  .relate_wrap .name {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  .relate_wrap .lead {
    position: relative;
    max-height: calc(14 * 1.7 * 3 * 1px);
    font-size: 14px;
    line-height: 1.7;
    word-break: break-all;
    overflow: hidden;
  }
  .relate_wrap .lead::before, .relate_wrap .lead::after {
    position: absolute;
    background: #fff;
  }
  .relate_wrap .lead::before {
    content: '...';
    top: calc(14 * 1.7 * (3 - 1) * 1px);
    right: 0;
    width: 1.7em;
  }
  .relate_wrap .lead::after {
    content: '';
    width: 100%;
    height: 100%;
  }
  .btn {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    margin: 15px 0 0;
  }
  .btn a {
    display: block;
    padding: 17px 0;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    background: #ffa34a;
    color: #fff;
  }
  .btn a:hover {
    text-decoration: none;
    opacity: .5;
  }
   .topic_btn {
	  width:100%;
	  margin:20px auto 0;
  }
  .topic_btn li{
	  width:100%;
	  margin-bottom:1em;
  }
  .topic_btn li a{
	  display:block;
	  width:100%;
	  padding:20px 0;
	  background:#ffa34a;
	  text-align:center;
	  border-radius:10px;
	  color:#fff;
  }
  .topic_btn li a:hover {
    text-decoration: none;
    opacity: .5;
  }
  .topic_btn li h5{
	  display:inline-block;
	  padding-right:2em;
	  background:right center/auto 100% no-repeat url(../img/topic_btn_icon.png);
  }

  dl.bassui dt{
	  font-weight:700;
  }
  dl.bassui dd{
	  padding-left:1em;
	  margin-bottom:1em;
  }
}