@charset "utf-8";

/* ================================================================================
company
================================================================================= */


/* ================================================================================
md_mv 画像設定
================================================================================= */
#md_mv {
  background-image:url(../img/mv.jpg);
}
#md_mv .ttl img {
  width:159px;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#md_mv .ttl img {
  width:111px;
}
}


/* ================================================================================
見出し　画像設定
================================================================================= */
.md_ttl_page img {
  width:159px;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
.md_ttl_page img {
  width:111px;
}
}


/* ================================================================================
sec_overview
================================================================================= */
#sec_overview {
  padding:25px 0 50px;
}
#sec_overview .detail > div {
  display:-webkit-flex;
  display:flex;
  width:950px;
  margin:0 auto;
}
#sec_overview .detail > div + div {
  border-top:1px solid #999;
}
#sec_overview .detail dt {
  width:165px;
  padding:15px 30px;
}
#sec_overview .detail dd {
  -webkit-flex:1;
  flex:1;
  padding:15px 30px;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#sec_overview {
  padding:15px 15px 25px 15px;
}
#sec_overview .detail > div {
  width:100%;
}
#sec_overview .detail dt {
  width:90px;
  padding:10px;
}
#sec_overview .detail dd {
  padding:10px;
}
#sec_overview .detail span {
  display:inline-block;
}
}


/* ================================================================================
sec_intro
================================================================================= */
#sec_intro {
  position:relative;
  background:url(../../common/img/bg_paper_01.jpg) center center repeat;
  background-size:350px 350px;
}
#sec_intro:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  background:url(../img/bg_intro_flower.png);
  background-size:247px 133px;
  width:247px;
  height:133px;
}
#sec_intro .shelf {
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  position:relative;
  z-index:1;
  max-width:1100px;
  margin:0 auto;
  padding:0 25px;
}
#sec_intro .box {
  -webkit-flex:1;
  flex:1;
  margin-right:70px;
}
#sec_intro .logo {
  width:220px;
  margin-bottom:20px;
}
#sec_intro .ttl span {
  display:block;
  width:442px;
  margin-bottom:10px;
}
#sec_intro .ttl em {
  display:block;
  width:175px;
  margin-bottom:25px;
}
#sec_intro .txt_detail {
  font-size:1.5rem;
  line-height:1.6;
}
#sec_intro .md_bt {
  margin-top:25px;
}
#sec_intro .photo {
  width:365px;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#sec_intro .shelf {
  display:block;
  padding:0;
}
#sec_intro:before {
  background-size:168px 91px;
  width:168px;
  height:91px;
}
#sec_intro .box {
  margin:0;
  padding:25px 15px;
}
#sec_intro .logo {
  width:128px;
  margin:0 auto 20px;
}
#sec_intro .ttl span {
  width:189px;
  margin:0 auto 10px;
}
#sec_intro .ttl em {
  width:140px;
  margin:0 auto 25px;
}
#sec_intro .txt_detail {
  font-size:1.4rem;
}
#sec_intro .md_bt {
  margin-top:10px;
  padding-bottom:5px;
  text-align:center;
}
#sec_intro .photo {
  width:auto;
}
}


/* ================================================================================
sec_history
================================================================================= */
#sec_history .ttl {
  margin-bottom:50px;
  text-align:center;
}
#sec_history .ttl img {
  width:65px;
}
#sec_history .inner {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:row-reverse;
  flex-direction:row-reverse;
  width:1100px;
  margin:0 auto;
}
#sec_history .box_detail {
  width:700px;
  font-size:1.7rem;
}
#sec_history .detail > div {
  display:-webkit-flex;
  display:flex;
  width:100%;
  margin:0 auto;
}
#sec_history .detail > div + div {
  border-top:1px solid rgba(255,255,255,.25);
}
#sec_history .detail dt {
  width:150px;
  padding:15px 30px;
}
#sec_history .detail dd {
  -webkit-flex:1;
  flex:1;
  padding:15px 30px;
}
#sec_history .detail dd {
  -webkit-flex:1;
  flex:1;
  padding:15px 30px;
}
#sec_history .free_area {
  -webkit-flex:1;
  flex:1;
  position:relative;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#sec_history .ttl {
  margin-bottom:25px;
  text-align:center;
}
#sec_history .ttl img {
  width:45px;
}
#sec_history .inner {
  display:block;
  width:auto;
  margin:0 auto;
}
#sec_history .box_detail {
  width:auto;
  font-size:1.4rem;
}
#sec_history .detail dt {
  width:100px;
  padding:10px;
}
#sec_history .detail dd {
  padding:10px;
}
}


/* ================================================================================
history_first
================================================================================= */
#history_first {
  padding:60px 0 30px;
  color:#fff;
  background:url(../../common/img/bg_paper_02.jpg) center center repeat;
  background-size:350px 350px;
}

#history_first .free_area:before {
  content:"";
  display:block;
  position:absolute;
  top:-75px;
  left:0;
  width:156px;
  height:156px;
  border-radius:100%;
  background:url(../../common/img/bg_lattice_red.png) center center repeat;
  background-size:94px 56px;
}
#history_first .free_area .img_01 {
  position:relative;
  z-index:2;
  margin:-25px 0 0 25px;
}
#history_first .free_area .txt {
  width:287px;
  min-height:359px;
  margin:60px 0 0 20px;
  background:url(../img/bg_history_01.png) center center no-repeat;
  background-size:287px 359px;
}
#history_first .free_area .txt img {
  display:block;
  width:32px;
  margin-left:155px;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#history_first {
  padding:25px 15px;
}
#history_first .free_area {
  display:none;
}
}


/* ================================================================================
history_second
================================================================================= */
#history_second {
  padding:30px 0;
  color:#fff;
  background:url(../../common/img/bg_paper_05.jpg) center center repeat;
  background-size:350px 350px;
}
#history_second .txt {
  width:300px;
  height:771px;
  margin:160px 0 100px 30px;
  padding-top:170px;
  background:url(../img/bg_history_02.png) center center no-repeat;
  background-size:300px 771px;
}
#history_second .txt img {
  display:block;
  width:35px;
  margin-left:145px;
}
#history_second .img_01 {
  display:block;
  margin:50px auto 0;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#history_second {
  padding:25px 15px;
}
#history_second .free_area {
  display:none;
}
}


/* ================================================================================
sec_recruit
================================================================================= */
#sec_recruit {
  position:relative;
  padding:60px 0;
}
#sec_recruit:after {
  content:"";
  display:block;
  position:absolute;
  top:65px;
  left:50%;
  width:50%;
  height:518px;
  background:url(../img/img_recruit.png) 250px no-repeat;
}
#sec_recruit .ttl {
  margin-bottom:30px;
  text-align:center;
}
#sec_recruit .ttl img {
  width:159px;
}
#sec_recruit .detail > div {
  display:-webkit-flex;
  display:flex;
  width:950px;
  margin:0 auto;
}
#sec_recruit .detail > div + div {
  border-top:1px solid #999;
}
#sec_recruit .detail dt {
  width:165px;
  padding:15px 30px;
}
#sec_recruit .detail dd {
  -webkit-flex:1;
  flex:1;
  padding:15px 30px;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#sec_recruit {
  padding:25px 15px;
}
#sec_recruit:after {
  display:none;
}
#sec_recruit .ttl {
  margin-bottom:25px;
}
#sec_recruit .ttl img {
  width:111px;
}
#sec_recruit .detail > div {
  width:100%;
}
#sec_recruit .detail dt {
  width:90px;
  padding:10px;
}
#sec_recruit .detail dd {
  padding:10px;
}
}