@charset "UTF-8";
@media screen and (min-width: 641px), screen and (orientation: landscape) { #h2-title { background: url(../images/contact/h2.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  .contact-title { background: url(../images/contact/title-back.jpg); padding: 20px; color: #fff; margin-bottom: 40px; font-size: 40px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 30px; font-weight: bold; text-align: center; }
  .contact-title span { font-size: 16px; position: relative; top: -6px; left: 15px; }
  #in-main-contents { padding: 80px 0px; background: url(../images/contact/back01.png) center top no-repeat, url(../images/contact/back02.jpg) repeat; }
  #inner-box { position: relative; width: 1000px; margin: 0px auto; background: #fff; padding: 50px 0px 60px 0px !important; }
  #contact-box2 { text-align: center; height: 470px; width: 1000px; margin-bottom: 50px; }
  #contact-box2 .ani01 { top: 50px; left: 55px; position: absolute; }
  #contact-box2 .ani02 { top: 50px; right: 60px; position: absolute; }
  #contact-box2 h4 { margin-bottom: 40px; font-size: 40px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	#contact-box2 .contact-ttl{font-size: 18px;font-weight: bold;line-height: 30px;margin-bottom: 20px;}
	
  #contact-box2 .text { line-height: 230%; margin-bottom: 30px; }
  #contact-box2 .company-name { background: #deb800; width: 580px; margin: 0px auto 10px auto; font-size: 20px; font-weight: bold !important; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; padding: 10px; }
  #contact-box2 .tel-no { width: 580px; margin: 0px auto; font-size: 66px; font-weight: bold !important; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; padding: 10px; }
  #contact-box2 .tel-no:before { content: url(../images/contact/tel.jpg); }
  #contact-box2 .time { border: #000 solid 2px; width: 580px; margin: 0px auto; font-size: 16px; font-weight: bold !important; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; padding: 10px; }
  #contact-info { width: 800px; margin: 0px auto; background: #f1f1f1; padding: 20px 40px; margin-bottom: 70px; }
  #contact-info li { margin-bottom: 10px; line-height: 180%;font-size: 12px; }
  #contact-info li span { color: #f00; }
  #contact-fm { position: relative; padding: 0px 100px; }
  #contact-fm .ani03 { position: absolute; top: -50px; right: 10px; }
  #contact-fm table { margin-bottom: 50px; width: 100%; text-align: left; }
  #contact-fm table th { vertical-align: top; padding: 20px; width: 35%; border-bottom: #ccc 1px solid; }
  #contact-fm table td { padding: 20px; border-bottom: #ccc 1px solid; }
  #privacy { position: relative; padding: 0px 100px; }
  #privacy .inner { background: #f1f1f1; padding: 40px; line-height: 180%; }
  #privacy .inner h6 { font-size: 18px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #00577c; margin-bottom: 20px; }
  #privacy .inner p { border-bottom: dotted #666 1px; padding-bottom: 20px; margin-bottom: 30px; }
  #privacy .ani04 { position: absolute; top: -30px; left: 70px; }
  .red { color: #f00; }
  .textform01 { width: 90%; }
  .maileform { width: 90%; }
  #contact-fm .cmp { font-size: 25px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #00577c; margin-bottom: 20px; }
  #contact-fm .cmp-text { line-height: 180%; } }
@media screen and (orientation: portrait) and (max-width: 640px) { #h2-title { background: url(../images/contact/h2.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  .contact-title {
		
		background: url(../images/contact/title-back.jpg); padding: 5%; color: #fff; margin-bottom: 8%; font-size: 40px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2.2rem; font-weight: bold; text-align: center; 

		}
		
		
  .contact-title span { font-size: 16px; position: relative; top: 0px; left: 0px; }
  #in-main-contents { padding: 8% 5%; background: url(../images/contact/back01.png) center top no-repeat, url(../images/contact/back02.jpg) repeat; }
  #inner-box { position: relative; width: 100%; margin: 0px auto; background: #fff; padding: 12% 0px 8% 0px !important; }
  #contact-box2 { text-align: center; height: auto; width: 100%; margin-bottom: 8%; }
  #contact-box2 .ani01 { top: 50px; left: 60px; position: absolute; }
  #contact-box2 .ani02 { top: 50px; right: 60px; position: absolute; }
  #contact-box2 h4 { margin-bottom: 20px; font-size: 2.8rem; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	#contact-box2 .contact-ttl{
    text-align: left;
    width: 90%;
    margin: 0 auto;
    font-size: 1.6rem;font-weight: bold;line-height: 30px;margin-bottom: 20px;}
	
  #contact-box2 .text { line-height: 230%; margin-bottom: 0px; padding: 5%; text-align: left; }
  #contact-box2 .company-name { background: #deb800; width: 100%; margin: 0px auto 5% auto; font-size: 20px; font-weight: bold !important; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; padding: 10px; }
  #contact-box2 .tel-no { padding: 3% 5% 3% 15%; width: 90%; margin: 0px auto; font-size: 3.7rem; font-weight: bold !important; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; background-image: url(../images/staff/icon.png); background-repeat: no-repeat; }
  #contact-box2 .time { border: #000 solid 2px; width: 90%; margin: 0px auto; font-size: 16px; font-weight: bold !important; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; padding: 10px; margin-left: 5%; margin-right: 5%; line-height: 1.5; }
  #contact-info { width: 100%; margin: 0px auto; background: #f1f1f1; padding: 8% 5%; margin-bottom: 15%; }
  #contact-info li { margin-bottom: 10px; line-height: 180%; }
  #contact-info li span { color: #f00; }
  #contact-fm { position: relative; padding: 0px 5%; }
  #contact-fm .ani03 { position: absolute; top: -50px; right: 10px; }
  #contact-fm table { margin-bottom: 50px; width: 100%; text-align: left; font-size: 1.6rem; }
  #contact-fm table th { vertical-align: top; padding: 4% 5%; width: 100%; border-bottom: #ccc 1px solid; display: block; background-color: #eee; }
  #contact-fm table td { padding: 20px; border-bottom: #ccc 0px solid; width: 100%; display: block; }
  #privacy { position: relative; padding: 0px 5%; }
  #privacy .inner { background: #f1f1f1; padding: 8% 5% 0%; line-height: 180%; }
  #privacy .inner h6 { font-size: 18px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #00577c; margin-bottom: 20px; }
  #privacy .inner p { border-bottom: dotted #666 1px; padding-bottom: 20px; margin-bottom: 30px; }
  #privacy .inner p:last-child { border-bottom: dotted #666 0px; margin-bottom: 0; }
  #privacy .ani04 { position: absolute; top: -30px; left: 70px; }
  .red { color: #f00; }
  .textform01 { width: 90%; font-size: 16px; }
  .maileform { width: 100%; font-size: 16px; }
		
  #contact-fm .cmp { font-size: 2.2rem; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #00577c;
		margin-bottom: 8%;
		line-height: 1.4;
		}
		
  #contact-fm .cmp-text { line-height: 180%; }
		
  #contact-fm .mb30 {margin-bottom: 0;}		
		
  input[type="image"] { width: 100%; } }
@media screen and (orientation: portrait) and (max-width: 380px) { #contact-box2 .tel-no { padding: 4% 5% 3% 15%; font-size: 3.4rem; } }
@media screen and (orientation: portrait) and (max-width: 330px) { #contact-box2 .tel-no { padding: 3% 5% 3% 17%; font-size: 2.9rem; background-size: 16%; } }