/* Scss Document */
/* Scss Document */
@media screen and (min-width: 781px) { /*    	PC STYLE  *************************************************************/
  /*kv*/
  .bg { background: url("/images/aboutus/kv.jpg") no-repeat center; background-size: cover; }
  #contents section.pagetitle .copy .line.out:before { border: 2px solid #fff; }
  #contents section.pagetitle .copy .line.out:after { border: 2px solid #fff; }
  #contents section.pagetitle .copy .line.in:before { border: 1px solid #fff; }
  #contents section.pagetitle .copy .line.in:after { border: 1px solid #fff; }
  #contents section.pagetitle + section .wrap { padding-top: 60px; }
  #contents.company section .wrap { width: 1200px; margin: 0 auto; padding: 100px 100px 0; }
  #contents.company section .wrap h2 + dl { margin-top: 64px; }
  #contents.company section .wrap dl { border-top: 1px solid #000; display: flex; align-items: center; padding: 14px 0; }
  #contents.company section .wrap dl:last-of-type { border-bottom: 1px solid #000; }
  #contents.company section .wrap dl dt { width: 180px; color: #cf1030; font-weight: 600; font-size: 17px; letter-spacing: 0.08em; line-height: 1.5; vertical-align: middle; }
  #contents.company section .wrap dl dd { width: 820px; text-align: left; font-weight: 600; font-size: 17px; letter-spacing: 0.08em; line-height: 1.5; vertical-align: middle; padding-left: 15px; }
  #contents.company section.sec01 .inner { overflow: hidden; margin-top: 76px; }
  /*#contents.company section.sec01 .inner .text { float: left; width: 550px; text-align: left;  text-align: left;}*/
  #contents.company section.sec01 .wrap .inner .text {width: auto; text-align: left;  text-align: left;}
  #contents.company section.sec01 .inner .text h3 { font-size: 27px; letter-spacing: 0.06em; line-height: 1.2; font-weight: 600; }
  #contents.company section.sec01 .inner .text p { font-size: 16px; letter-spacing: 0.06em; line-height: 2.0; font-weight: 600; margin-top: 29px; text-align: left;}
  #contents.company section.sec01 .inner img { display: block; float: right; }
  #contents.company section.sec03 dl dt { width: 200px; white-space: nowrap; }
  #contents.company section.sec03 dl dd { width: 800px; }
  #contents.company .btn { margin-top: 70px; width: 500px; }
  #contents.history .bg { background: url("/images/aboutus/history/kv.jpg") no-repeat center; background-size: cover; }
  #contents.history section .wrap { width: 1400px; padding: 100px 100px 85px; margin: 0 auto; }
  #contents.history section .wrap:after { content: none; }
  #contents.history section .wrap h2.line { font-size: 30px; }
  #contents.history section .wrap .text { width: 654px; text-align: left; }
  #contents.history section .wrap .text p { font-size: 16px; letter-spacing: 0.06em; line-height: 2; margin-top: 30px; font-weight: 600; }
  #contents.history section .wrap .inner { display: flex; justify-content: space-between; }
  #contents.history section .wrap .inner h2.line { width: 100%; text-align: center; }
  #contents.history section .wrap .inner .img p { font-size: 16px; font-weight: bold; margin-top: 10px; }
  #contents.history section:nth-of-type(3), #contents.history section:nth-of-type(5) { background-color: #f0f0f0; }
  #contents.history section.sec02 { margin-top: 15px; }
  #contents.history section.sec02 .wrap { padding-bottom: 55px; }
  #contents.history section.sec02 .wrap .inner { flex-direction: row-reverse; }
  #contents.history section.sec02 .wrap .inner .img { margin-top: -245px; }
  #contents.history section.sec03 .wrap .inner { align-items: center; }
  #contents.history section.sec04 p { text-align: center; font-size: 16px; letter-spacing: 0.06em; line-height: 2; margin-top: 30px; font-weight: 600; }
  #contents.history section.sec04 .inner { width: 1200px; margin: 0 auto; margin-top: 30px; }
  #contents.history section.sec05 .wrap { padding-bottom: 0; }
  #contents.history section.sec05 .wrap .inner { flex-direction: row-reverse; }
  #contents.history section.sec05 .wrap .inner .text .img { width: 100%; text-align: center; }
  #contents.history section.sec05 .wrap .inner .text img { padding-top: 50px; }
  
  #contents.personofculture .bg { background: url("/images/aboutus/personofculture/kv.jpg") no-repeat center; background-size: cover; }
  #contents.personofculture section .wrap { width: 1400px; padding: 100px 100px 85px; margin: 0 auto; }
  #contents.personofculture section .wrap:after { content: none; }
  #contents.personofculture section .wrap h2.line { font-size: 30px; }
  #contents.personofculture section .wrap .text { width: 654px; text-align: left; }
  #contents.personofculture section .wrap .text p { font-size: 16px; letter-spacing: 0.06em; line-height: 2; margin-top: 30px; font-weight: 600; }
  #contents.personofculture section .wrap .inner { display: flex; justify-content: space-between; align-items: center; }
  #contents.personofculture section .wrap .inner h2.line { width: 100%; text-align: center; }
  #contents.personofculture section .wrap .inner .img p { font-size: 16px; font-weight: bold; margin-top: 10px; }
  #contents.personofculture section:nth-of-type(3), #contents.personofculture section:nth-of-type(5) { background-color: #f0f0f0; }
  #contents.personofculture section.sec02 { margin-top: 15px; }
  #contents.personofculture section.sec02 .wrap { padding-bottom: 55px; }
  #contents.personofculture section.sec02 .wrap .inner { display: block; }
  #contents.personofculture section.sec02 .wrap .inner h2 { width: 650px; margin: 0 auto;}
  #contents.personofculture section.sec02 .wrap .inner .box { margin-top: 60px;}
  #contents.personofculture section.sec02 .wrap .inner .box h3 {font-size: 24px; font-weight: bold; letter-spacing: 0.06em;}
  #contents.personofculture section.sec02 .wrap .inner .box .col {display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; margin-top: 30px;}
  #contents.personofculture section.sec02 .wrap .inner .box .col .text p { margin-top: 0;}
  #contents.personofculture section.sec02 .wrap .inner .box .col .img { width: 500px;}
  #contents.personofculture section.sec02 .wrap .inner .box .col .img img { width: 100%;}

  #contents.personofculture section.sec03 .wrap .inner { display: block; }
  #contents.personofculture section.sec03 .wrap .inner h2 { width: 650px; margin: 0 auto;}
  #contents.personofculture section.sec03 .wrap .inner .col {display: flex; justify-content: space-between; flex-wrap: wrap;}
  #contents.personofculture section.sec03 .wrap .inner .col .box { width: 580px; margin-top: 60px; }
  #contents.personofculture section.sec03 .wrap .inner .col .box h3 {font-size: 24px; font-weight: bold; letter-spacing: 0.06em;}
  #contents.personofculture section.sec03 .wrap .inner .col .box .text { width: auto; }

  #contents.personofculture section.sec04 { margin-top: 15px; }
  #contents.personofculture section.sec04 .wrap { padding-bottom: 55px; }
  #contents.personofculture section.sec04 .wrap .inner { display: block; }
  #contents.personofculture section.sec04 .wrap .inner h2 { width: 650px; margin: 0 auto;}
  #contents.personofculture section.sec04 .wrap .inner .box { margin-top: 60px;}
  #contents.personofculture section.sec04 .wrap .inner .box .col {display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; margin-top: 30px;}
  #contents.personofculture section.sec04 .wrap .inner .box .col .text p { margin-top: 0;}
  #contents.personofculture section.sec04 .wrap .inner .box .col .text h3 {font-size: 24px; font-weight: bold; letter-spacing: 0.06em; margin-bottom: 30px;}
  #contents.personofculture section.sec04 .wrap .inner .box .col .img { width: 500px;}
  #contents.personofculture section.sec04 .wrap .inner .box .col .img img { width: 100%;}
  #contents.personofculture section.sec04 .wrap .inner .box .col .img p { font-size: 13px;}
  
  }
@media screen and (min-width: 781px) and (max-width: 1440px) { #contents.company section { min-width: 1200px; }
  #contents.company section .wrap { min-width: 1200px; width: 1200px; margin: 100px auto 0; padding: 0 80px; }
  #contents.company section .wrap .inner .text { width: 604px; }
  #contents.company section.sec01 .wrap .inner .text { width: auto; }
  #contents.history section .wrap { min-width: 1200px; width: 1200px; margin-right: auto; margin-left: auto; padding-right: 50px; padding-left: 50px; }
  #contents.history section .wrap .text { width: 600px; }
  #contents.history section .wrap .text h2.line { font-size: 27px; }
  #contents.history section .wrap .img { width: 450px; }
  #contents.history section.sec04 .inner { width: 1050px; }
  #contents.history section.sec04 .inner .img { width: 500px; }
  

  #contents.personofculture section .wrap { min-width: 1200px; width: 1200px; margin-right: auto; margin-left: auto; padding-right: 50px; padding-left: 50px; }
  #contents.personofculture section .wrap .text { width: 600px; }
  #contents.personofculture section .wrap .text h2.line { font-size: 27px; }
  #contents.personofculture section .wrap .img { width: 450px; }
  #contents.personofculture section.sec02 .wrap .inner .box .col .img { width: 450px;}
  #contents.personofculture section.sec03 .wrap .inner .col .box { width: 530px; margin-top: 60px; }
  #contents.personofculture section.sec04 .wrap .inner .box .col .img { width: 450px;}
  }
@media screen and (max-width: 780px) { /*  	SP STYLE *************************************************************/
  .bg { background: url("/images/aboutus/kv-sp.jpg") no-repeat center; background-size: cover; }
  #contents section.pagetitle .copy .line.out:before { border: 2px solid #fff; }
  #contents section.pagetitle .copy .line.out:after { border: 2px solid #fff; }
  #contents section.pagetitle .copy .line.in:before { border: 1px solid #fff; }
  #contents section.pagetitle .copy .line.in:after { border: 1px solid #fff; }
  #contents.company section .wrap { width: 100vw; margin: 0 auto; padding: 16.6666666667vw 6.4102564103vw 0; }
  #contents.company section .wrap h2 + dl { margin-top: 6.7948717949vw; }
  #contents.company section .wrap dl { border-top: 1px solid #000; display: flex; align-items: center; padding: 14px 0; }
  #contents.company section .wrap dl:last-of-type { border-bottom: 1px solid #000; }
  #contents.company section .wrap dl dt { width: 17.9487179487vw; color: #cf1030; font-weight: 600; font-size: 2.5641025641vw; letter-spacing: 0.08em; line-height: 1.8; vertical-align: middle; }
  #contents.company section .wrap dl dd { width: 69.23076923080001vw; text-align: left; font-weight: 600; font-size: 2.5641025641vw; letter-spacing: 0.08em; line-height: 1.8; vertical-align: middle; padding-left: 15px; }
  #contents.company section.sec01 .wrap { padding-top: 0; }
  #contents.company section.sec01 .wrap .inner { padding-top: 4.6153846154vw; }
  #contents.company section.sec01 .wrap .inner .text { width: 100%; text-align: left; }
  #contents.company section.sec01 .wrap .inner .text h3 { font-size: 3.9743589744vw; letter-spacing: 0.06em; line-height: 1.06; font-weight: 600; }
  #contents.company section.sec01 .wrap .inner .text p { font-size: 2.8205128205vw; letter-spacing: 0.06em; line-height: 1.77; font-weight: 600; margin-top: 3.8461538462vw; }
  #contents.company section.sec01 .wrap .inner img { display: block; width: 53.8461538462vw; margin: 0 auto; padding-top: 8.3333333333vw; }
  #contents.company section.sec03 dl dt { width: 23.0769230769vw; white-space: nowrap; }
  #contents.company section.sec03 dl dd { width: 64.1025641026vw; }
  #contents.company .btn { margin-top: 7.4358974359vw; width: 70.5128205128vw; }
  #contents.history .bg { background: url("/images/aboutus/history/kv-sp.jpg") no-repeat center; background-size: cover; }
  #contents.history section.pagetitle + section .wrap { padding-top: 0; }
  #contents.history section .wrap { width: 100%; padding: 7.6923076923vw 6.4102564103vw 8.9743589744vw; margin: 0 auto; }
  #contents.history section .wrap:after { content: none; }
  #contents.history section .wrap h2.line { font-size: 4.2307692308vw; }
  #contents.history section .wrap .text { width: 100%; text-align: left; }
  #contents.history section .wrap .text p { font-size: 3.8vw; letter-spacing: 0.06em; line-height: 1.9; margin-top: 3.8461538462vw; font-weight: 600; }
  #contents.history section .wrap .inner h2.line { width: 100%; text-align: center; }
  #contents.history section .wrap .inner .img { padding-top: 8.3333333333vw; }
  #contents.history section .wrap .inner .img:first-of-type { padding-top: 0; }
  #contents.history section .wrap .inner .img p { font-size: 3.8vw; font-weight: bold; margin-top: 1.2820512821vw; }
  #contents.history section:nth-of-type(odd) { background-color: #f0f0f0; }
  #contents.history section.sec02 { margin-top: 15px; }
  #contents.history section.sec02 .wrap { padding-bottom: 55px; }
  #contents.history section.sec03 .wrap .inner { align-items: center; }
  #contents.history section.sec04 p { text-align: left; font-size: 3.8vw; letter-spacing: 0.1em; line-height: 1.9; margin-top: 3.8461538462vw; font-weight: 600; }
  #contents.history section.sec04 .inner { width: 100%; margin: 0 auto; margin-top: 30px; }
  #contents.history section.sec04 .inner .img p { text-align: center; }
  #contents.history section.sec05 .wrap { padding-bottom: 0; }
  #contents.history section.sec05 .wrap .inner .img { width: 100%; text-align: center; }
  #contents.history section.sec05 .wrap .inner .img img { display: block; margin: 0 auto; }
  #contents.history section.sec05 .wrap .inner .img img + img { padding-top: 11.5384615385vw; }
  
  #contents.personofculture .bg { background: url("/images/aboutus/personofculture/kv-sp.jpg") no-repeat center; background-size: cover; }
  #contents.personofculture section.pagetitle + section .wrap { padding-top: 0; }
  #contents.personofculture section .wrap { width: 100%; padding: 7.6923076923vw 6.4102564103vw 8.9743589744vw; margin: 0 auto; }
  #contents.personofculture section .wrap:after { content: none; }
  #contents.personofculture section .wrap h2.line { font-size: 4.2307692308vw; }
  #contents.personofculture section .wrap .text { width: 100%; text-align: left; }
  #contents.personofculture section .wrap .text p { font-size: 3.8vw; letter-spacing: 0.06em; line-height: 1.9; margin-top: 3.8461538462vw; font-weight: 600; }
  #contents.personofculture section .wrap .inner h2.line { width: 100%; text-align: center; }
  #contents.personofculture section .wrap .inner .img { padding-top: 8.3333333333vw; }
  #contents.personofculture section .wrap .inner .img:first-of-type { padding-top: 0; }
  #contents.personofculture section .wrap .inner .img p { font-size: 3.8vw; font-weight: bold; margin-top: 1.2820512821vw; }
  #contents.personofculture section:nth-of-type(odd) { background-color: #f0f0f0; }

  #contents.personofculture section.sec02 .wrap .inner .box {margin-top: 6vw;}
  #contents.personofculture section.sec02 .wrap .inner .box h3 {font-size: 4vw; font-weight: bold; letter-spacing: 0.06em; line-height: 1.9; margin-top: 3.8461538462vw;}
  
  #contents.personofculture section.sec03 .wrap .inner .col .box { margin-top: 6vw;}
  #contents.personofculture section.sec03 .wrap .inner .col .box h3 {font-size: 4vw; font-weight: bold; letter-spacing: 0.06em; line-height: 1.9; margin-top: 3.8461538462vw;}
 
  #contents.personofculture section.sec04 .wrap .inner .box .col { margin-top: 6vw;}
  #contents.personofculture section.sec04 .wrap .inner .box .col .text h3 {font-size: 4vw; font-weight: bold; letter-spacing: 0.06em; line-height: 1.9; margin-top: 3.8461538462vw; text-align: center;}
  #contents.personofculture section.sec04 .wrap .inner .box .col .img p { font-size: 2.5641025641vw;}
  
  
  }