@charset "UTF-8";
@media screen and (min-width: 768px) { /* PC用 共通して使える -------------------------------------*/
  	/* 共通 -------------------------------------*/
  #read .ttl, #form .ttl, #staff .ttl { font-size: 22px; line-height: 1.5; letter-spacing: 0.2em; color: #010000; position: relative; margin-bottom: 34px; }
  #read .ttl::before, #form .ttl::before, #staff .ttl::before { content: ""; border-bottom: 2px solid #b39047; width: 40px; position: absolute; top: -20px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; }
  /*read  -------------------------------------*/
  #read { margin-bottom: 160px; }
  #read .Box { width: 900px; margin-left: auto; margin-right: auto; }
  #read .Box .bg-box { background: url(../images/contact/bg-ptn01.jpg) repeat top; padding: 35px 55px 30px 40px; }
  #read .Box .bg-box .photo { margin-right: 23px; }
  #read .Box .bg-box .box-r { width: 560px; }
  #read .Box .bg-box .box-r .flexbox { margin-bottom: 40px; }
  #read .Box .bg-box .box-r .ttl02 { line-height: 1.5; color: #010000; border-bottom: 1px solid #000; padding-top: 18px; }
  #read .Box .bg-box .box-r .ttl02 .sub { font-size: 20px; letter-spacing: 0.1em; margin-bottom: 10px; }
  #read .Box .bg-box .box-r .ttl02 .main {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.18em;
}
  #read .Box .bg-box .box-r .ttl02 span { display: block; }
  #read .Box .bg-box .box-r .txt { font-size: 14px; line-height: 1.8; letter-spacing: 0.05em; color: #000; padding-left: 20px; width: 510px; }
  #read .Box .bg-box .box-r .mb01 { margin-bottom: 35px; }
  #read .Box .bg-box .box-r .txt02 { font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #000; }
  /* form -------------------------------------*/
  #form { width: 900px; margin-left: auto; margin-right: auto; margin-bottom: 180px; }
  #form .Box { padding: 60px 45px 0; border: 1px solid #4d4d4d; }
  #form .form-list li { font-size: 14px; line-height: 1.5; letter-spacing: 0.1em; color: #000; }
  	/* staff -------------------------------------*/
  #staff .Box { width: 900px; margin: 0 auto; }
  #staff .Box .bg-box { background: url(../images/form/bg02.jpg) no-repeat top; padding: 35px 80px 20px; }
  #staff .Box .bg-box .ttl02 { margin-bottom: 15px; }
  #staff .Box .bg-box .flexbox { margin-bottom: 10px; padding: 0 6%; }
  #staff .Box .bg-box .flexbox .txt { margin-right: 65px; }
  #staff .Box .bg-box .wh-box { background: rgba(255, 255, 255, 0.85); padding: 40px 45px; width: 680px; margin: 0 auto; }
  #staff .Box .bg-box .wh-box .txt02 { font-size: 14px; line-height: 1.5; letter-spacing: 0.1em; color: #161616; padding: 0 6%; width: 515px; }
  #staff .Box .bg-box .wh-box .mb01 { margin-bottom: 25px; } }
@media screen and (max-width: 767px) { #main-ttl { margin-bottom: 15%; }
  /* 共通 -------------------------------------*/
  #read .ttl, #form .ttl, #staff .ttl { font-size: 22px; line-height: 1.5; letter-spacing: 0.2em; color: #010000; position: relative; margin-bottom: 34px; }
  #read .ttl::before, #form .ttl::before, #staff .ttl::before { content: ""; border-bottom: 2px solid #b39047; width: 40px; position: absolute; top: -20px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; }
  /*read  -------------------------------------*/
  #read { margin-bottom: 20%; }
  #read .Box { margin-left: auto; margin-right: auto; }
  #read .Box .bg-box { background: url(../images/form/bg-ptn01.jpg) repeat top; padding: 10% 3%; }
  #read .Box .bg-box .photo { text-align: center; width: 40%; margin: 0 auto; }
  #read .Box .bg-box .box-r .flexbox { margin-bottom: 6%; }
  #read .Box .bg-box .box-r .logo { width: 30%; margin: 0 auto; }
  #read .Box .bg-box .box-r .ttl02 { line-height: 1.5; color: #010000; border-bottom: 1px solid #000; padding-top: 18px; text-align: center; margin-bottom: 10%; }
  #read .Box .bg-box .box-r .ttl02 .sub { font-size: 1.5rem; letter-spacing: 0.1em; margin-bottom: 10px; }
  #read .Box .bg-box .box-r .ttl02 .main { font-size: 2rem; font-weight: bold; letter-spacing: 0.18em; }
  #read .Box .bg-box .box-r .ttl02 span { display: block; }
  #read .Box .bg-box .box-r .txt { line-height: 1.8; letter-spacing: 0.1em; color: #000; }
  #read .Box .bg-box .box-r .mb01 { margin-bottom: 35px; }
  #read .Box .bg-box .box-r .txt02 { font-size: 1.6rem; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #000; margin-bottom: 10px; text-align: center; }
  #read .Box .bg-box .box-r .tel { padding: 0 3%; }
  /* form -------------------------------------*/
  #form { margin-bottom: 20%; }
  #form .Box { border: 1px solid #4d4d4d; }
  #form .form-list { padding: 5% 3% 0; }
  #form .form-list li { line-height: 1.5; letter-spacing: 0.1em; color: #000; }
  	/* staff -------------------------------------*/
  #staff .Box .bg-box { background: url(../images/form/bg02.jpg) no-repeat top; padding: 3%; background-size: contain; }
  #staff .Box .bg-box .ttl02 { margin-bottom: 15px; }
  #staff .Box .bg-box .flexbox { margin-bottom: 10px; padding: 0 6%; margin-bottom: 35%; }
  #staff .Box .bg-box .flexbox .txt { margin-right: 65px; }
  #staff .Box .bg-box .wh-box .txt02 { font-size: 14px; line-height: 1.5; letter-spacing: 0.1em; color: #161616; padding: 0 6%; }
  #staff .Box .bg-box .wh-box .mb01 { margin-bottom: 25px; }
  #staff .Box .bg-box .wh-box .btn { background-color: #000; text-align: center; }
  #staff .Box .bg-box .wh-box .btn span { font-size: 16px; line-height: 1.5; letter-spacing: 0.1em; color: #fff; padding: 3% 3%; }
  #staff .Box .bg-box .wh-box .btn span::before { content: ""; background: url(../images/form/mail-icon.png) no-repeat left; background-size: contain; display: inline-block; margin-right: .3em; vertical-align: middle; width: 20px; height: 20px; } }
@media screen and (max-width: 321px) { #tel .ttl { font-size: 1.6rem; }
  #form .ttl { font-size: 1.6rem; } }