@charset "UTF-8";
@media screen and (min-width: 768px) {
.c-h2-Box { background-image: url(../images/about_us/bg_h2.jpg); }

#page-aboutus { margin: 0 0 80px; font-size: 14px; }
#page-aboutus .txt-box { color: #191919; font-weight: 300; line-height: 2.2; }
#page-aboutus .ttl-en { color: #221815; font-size: 79.92px; font-weight: 200; letter-spacing: .03em; margin-right: .3em; }
#page-aboutus .ttl { color: #221815; font-size: 22.57px; font-weight: 400; }
#page-aboutus .sub-ttl { font-size: 24px; font-weight: 400; }
#page-aboutus .bnr { position: relative; bottom: 65px; }
#page-aboutus .mission::before { content: url(../images/about_us/miin-logo.jpg); display: block; margin-bottom: 20px; }
#page-aboutus .outer { width: 100%; border: 30px solid #f6f7f7; }
#page-aboutus .outer dl { border-bottom: 1px solid #f6f7f7; color: #191919; line-height: 1.8; letter-spacing: .05em; }
#page-aboutus .outer dl dt { width: 230px; background: #dcdddd; padding: 15px 0 15px 15px; }
#page-aboutus .outer dl dd { width: 710px; background: #fff; padding: 15px 0 15px 15px; }

#page-aboutus .box02 { margin: 0 0 50px; font-size: 22px; text-align: center; line-height: 2.2; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#contents01 { background: url(../images/about_us/logo-bg.jpg) no-repeat center top 15%; }
#contents01 .inner-box { width: 900px; margin-right: auto; margin-left: auto; padding-top: 80px; }
#contents01 .txt-box-w { width: 490px; }

#contents05 .relation-list li { width: 296px; margin-bottom: 61px; }
#contents05 .relation-list li a { text-decoration: none; }
#contents05 .relation-list li .relation-name { color: #191919; font-size: 16px; font-weight: 700; margin-bottom: 24px; }
#contents05 .relation-list li .relation-name::before { content: '\025a0'; color: #f08200; margin-right: .5em; }
#contents05 .relation-list li:nth-child(n+4) { margin-bottom: 0; }
}
@media screen and (max-width: 767px) { 
.c-h2-Box { background-image: url(../images/about_us/bg_h2.jpg); }
  .sp-mb-01 { margin-bottom: 8%; }
  .sp-mb-02 { margin-bottom: 12%; }
  #page-aboutus { margin: 0 0 16%; font-size: 14px; }
  #page-aboutus .txt-box { color: #191919; font-weight: 300; line-height: 2; }
  #page-aboutus .ttl-en { color: #221815; font-size: 3.6rem; font-weight: 200; letter-spacing: .03em; margin-right: .3em; }
  #page-aboutus .ttl { color: #221815; font-size: 2.2rem; font-weight: 400; }
  #page-aboutus .sub-ttl { font-size: 2.2rem; font-weight: 400; line-height: 1.5; }
		
  #page-aboutus .bnr { margin-top: 8%; margin-bottom: 16%;
		width: 60%;
		margin-left: auto;
		}
		
  #page-aboutus .mission::before { content: url(../images/about_us/miin-logo.jpg); display: block; margin-bottom: 20px; }
  #page-aboutus .outer { width: 100%; border: 6px solid #f6f7f7; }
  #page-aboutus .outer dl { border-bottom: 1px solid #f6f7f7; color: #191919; line-height: 1.8; letter-spacing: .05em; }
  #page-aboutus .outer dl dt { width: 100%; background: #dcdddd; padding: 3% 5%; display: block; }
  #page-aboutus .outer dl dd { width: 100%; background: #fff; padding: 3% 5%; display: block; }
  #page-aboutus .box02 { margin: 0 0 13%; font-size: 1.8rem; text-align: center; line-height: 2; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  #contents01 { background: url(../images/about_us/logo-bg.jpg) no-repeat center top 15%; }
  #contents01 .inner-box { width: 100%; margin-right: auto; margin-left: auto; }
  #contents01 .txt-box-w { width: 100%; }
  #contents05 .relation-list li { width: 100%; margin-bottom: 12%; }
  #contents05 .relation-list li:last-child { margin-bottom: 0; }
  #contents05 .relation-list li .mb15 { margin-bottom: 5%; }
  #contents05 .relation-list li a { text-decoration: none; }
  #contents05 .relation-list li .relation-name { color: #191919; font-size: 16px; font-weight: 700; margin-bottom: 4%; }
  #contents05 .relation-list li .relation-name::before { content: '\025a0'; color: #f08200; margin-right: .5em; } }