@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Teko");
body { background-color: #f1f1f1; }

/* ビジネスモデル＝早分かり事業部（事業全体）
------------------------------------------------------*/
.ly_breadcrumb { margin-top: 78px; padding-top: 0; background: #000; color: #fff; }
.ly_breadcrumb a { color: #fff !important; }

.un_mainvis { display: flex; justify-content: center; align-items: center; padding: 0; width: 100%; height: 366px; background: #000; color: #fff; text-align: center; }
.un_mainvis h2 { margin: 0 0 10px; }
.un_mainvis h2 .un_mainTxt { font-size: 45px; font-family: YuGothic,'Yu Gothic', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: -1px; line-height: 1; }
.un_mainvis h2 .un_subTxt { display: block; margin-top: 20px; font-size: 18px; line-height: 1; }

@media screen and (max-width: 750px) { .un_mainvis { margin-top: 55px; padding: 0 5%; height: 180px; }
  .un_mainvis h2 .un_mainTxt { font-size: 28px; }
  .un_mainvis h2 .un_subTxt { font-size: 14px; }
  .un_mainvis h2 .un_subTitle { font-size: 24px; width: 280px; } }
.ly_main { margin-bottom: 60px; }

@media screen and (max-width: 750px) { .ly_main { margin-bottom: 10%; } }
.summary_common_text { margin-bottom: 30px; width: 100%; text-align: center; }

@media screen and (max-width: 750px) { .summary_common_text { font-size: 14px; } }
@media screen and (min-width: 1366px) { .flow_title01 { background-size: 100% 100%; } }
.flow_title01 { position: relative; background: url(../images/img_bg01.png) no-repeat; background-position: center top; background-size: cover; width: 100%; height: 700px; }
.flow_title01:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 154px; background: url(../images/img_mask_head_b.png) no-repeat; background-size: 1906px 100%; background-position: top center; }
@media screen and (min-width: 1906px) { .flow_title01:before { background-size: 100% 100%; } }
.flow_title01:after { position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 154px; background: url(../images/img_mask_foot_01.png) no-repeat; background-size: 1906px 100%; background-position: top center; }
@media screen and (min-width: 1906px) { .flow_title01:after { background-size: 100% 100%; } }
.flow_title01 h3 { margin: 0 auto; padding: 300px 0 0; width: 250px; }
.flow_title01 .fade-in { transition: opacity 0.4s; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; opacity: 0; }

@media screen and (max-width: 750px) { .flow_title01 { height: 450px; background: url(../images/img_bg01_sp.png) no-repeat; }
  .flow_title01 h3 { padding: 200px 0 0; width: 200px; } }
.main_raw_materials { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 500px; }
.main_raw_materials li { width: 230px; text-align: center; font-size: 14px; }
.main_raw_materials li:first-child { margin-right: 20px; }
.main_raw_materials li img { display: inline-block; }
.main_raw_materials li p { margin-top: 20px; }

@media screen and (max-width: 750px) { .main_raw_materials { width: 100%; }
  .main_raw_materials li { width: 45%; }
  .main_raw_materials li:first-child { margin-right: 10%; } }
@media screen and (min-width: 1366px) { .flow_title02 { background-size: 100% 100%; } }
.flow_title02 { position: relative; background: url(../images/img_bg02.png) no-repeat; background-position: center top; background-size: cover; width: 100%; height: 700px; }
.flow_title02:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 154px; background: url(../images/img_mask_head_02.png) no-repeat; background-size: 1906px 100%; background-position: top center; }
@media screen and (min-width: 1906px) { .flow_title02:before { background-size: 100% 100%; } }
.flow_title02:after { position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 154px; background: url(../images/img_mask_foot_02.png) no-repeat; background-size: 1906px 100%; background-position: top center; }
@media screen and (min-width: 1906px) { .flow_title02:after { background-size: 100% 100%; } }
.flow_title02 h3 { margin: 0 auto; padding: 300px 0 0; width: 250px; }
.flow_title02 .fade-in { transition: opacity 0.4s; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; opacity: 0; }

@media screen and (max-width: 750px) { .flow_title02 { height: 450px; background: url(../images/img_bg02_sp.png) no-repeat; }
  .flow_title02 h3 { padding: 200px 0 0; width: 150px; } }
.process_title { margin-bottom: 50px; width: 100%; text-align: center; font-size: 16px; }

@media screen and (max-width: 750px) { .process_title { margin-bottom: 20px; } }
.process_flow { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 50px; width: 790px; }
.process_flow li { width: 130px; text-align: center; }
.process_flow li p { padding-top: 10px; font-size: 14px; }
.process_flow li img { display: inline-block; }
.process_flow li:last-child { background: none; }

@media screen and (max-width: 750px) { .process_flow { margin-bottom: 20px; width: 100%; }
  .process_flow li { margin-bottom: 20px; width: 33%; background-position: 100% 25%; }
  .process_flow li p { font-size: 12px; } }
.strength01 figure { margin: 0 auto; width: 620px; }

@media screen and (max-width: 750px) { .strength01 { background-size: 100% 82px; padding: 0 0 60px; }
  .strength01 figure { width: 90%; } }
@media screen and (min-width: 1366px) { .flow_title03 { background-size: 100% 100%; } }
.flow_title03 { position: relative; background: url(../images/img_bg03.png) no-repeat; background-position: center top; background-size: cover; width: 100%; height: 700px; }
.flow_title03:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 154px; background: url(../images/img_mask_head_01.png) no-repeat; background-size: 1906px 100%; background-position: top center; }
@media screen and (min-width: 1906px) { .flow_title03:before { background-size: 100% 100%; } }
.flow_title03:after { position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 154px; background: url(../images/img_mask_foot_01.png) no-repeat; background-size: 1906px 100%; background-position: top center; }
@media screen and (min-width: 1906px) { .flow_title03:after { background-size: 100% 100%; } }
.flow_title03 h3 { margin: 0 auto; padding: 300px 0 0; width: 250px; }
.flow_title03 .fade-in { transition: opacity 0.4s; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; opacity: 0; }

@media screen and (max-width: 750px) { .flow_title03 { height: 450px; background: url(../images/img_bg03_sp.png) no-repeat; }
  .flow_title03 h3 { padding: 200px 0 0; width: 150px; } }
.cliant_title01 { margin: 0 auto 50px; width: 280px; height: 60px; line-height: 60px; border: solid 1px #666; border-radius: 50px; text-align: center; }

.cliant_title02 { margin: 0 auto 80px; text-align: center; }

.cliant_flow { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 50px; width: 690px; }
.cliant_flow li { width: 170px; text-align: center; }
.cliant_flow li p { padding-top: 10px; font-size: 14px; }
.cliant_flow li img { display: inline-block; }
.cliant_flow li:last-child { background: none; }

@media screen and (max-width: 750px) { .cliant_flow { margin-bottom: 20px; width: 100%; }
  .cliant_flow li { margin-bottom: 20px; width: 33%; background-position: 100% 25%; }
  .cliant_flow li p { font-size: 12px; } }
@media screen and (min-width: 1366px) { .flow_title04 { background-size: 100% 100%; } }
.flow_title04 { position: relative; background: url(../images/img_bg04.png) no-repeat; background-position: center top; background-size: cover; width: 100%; height: 700px; }
.flow_title04:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 154px; background: url(../images/img_mask_head_02.png) no-repeat; background-size: 1906px 100%; background-position: top center; }
@media screen and (min-width: 1906px) { .flow_title04:before { background-size: 100% 100%; } }
.flow_title04:after { position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 154px; background: url(../images/img_mask_foot_02.png) no-repeat; background-size: 1906px 100%; background-position: top center; }
@media screen and (min-width: 1906px) { .flow_title04:after { background-size: 100% 100%; } }
.flow_title04 h3 { margin: 0 auto; padding: 300px 0 0; width: 250px; }
.flow_title04 .fade-in { transition: opacity 0.4s; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; opacity: 0; }

@media screen and (max-width: 750px) { .flow_title04 { height: 450px; background: url(../images/img_bg04_sp.png) no-repeat; }
  .flow_title04 h3 { padding: 210px 0 0; width: 190px; } }
.value_item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 920px; }
.value_item li { margin-right: 53px; width: 190px; text-align: center; }
.value_item li:last-child { margin-right: 0; }
.value_item li p { font-size: 14px; }
.value_item li p span { display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #666; font-size: 42px; font-family: 'Teko', sans-serif; color: #666; }

@media screen and (max-width: 750px) { .value_item { width: 100%; }
  .value_item li { margin-right: 10px; width: 45%; } }
.strength02 { padding: 0 0 115px; border-bottom: solid 1px #666; }
.strength02 figure { margin: 0 auto; width: 620px; }

@media screen and (max-width: 750px) { .strength02 { background-size: 100% 82px; padding: 0 0 60px; }
  .strength02 figure { width: 90%; } }