@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*タイトル画像*/
#titleimg { background-image: url("/img/flow/titleimg.jpg"); }

#titleimg h2 { width: 70%; }

/*共通*/
.top_title { font-size: 2rem; text-align: center; margin-bottom: 50px; }
@media (min-width: 786px) { .top_title { font-size: calc( 2rem + ( 1vw - 7.86px ) * -0.4830917874 ); } }
@media (min-width: 1200px) { .top_title { font-size: 1.8rem; } }

.copy_title { font-size: 1.8rem; margin-bottom: 30px; text-align: center; }
@media (min-width: 786px) { .copy_title { font-size: calc( 1.8rem + ( 1vw - 7.86px ) * 2.4154589372 ); } }
@media (min-width: 1200px) { .copy_title { font-size: 2.8rem; } }

.copy { font-size: 1.5rem; margin-bottom: 40px; }
@media (min-width: 786px) { .copy { font-size: calc( 1.5rem + ( 1vw - 7.86px ) * 0.7246376812 ); } }
@media (min-width: 1200px) { .copy { font-size: 1.8rem; } }

/*About relocation*/
#about_relocation { letter-spacing: 0px; }
#about_relocation .flow_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: center; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 10%; }
#about_relocation .flow_box .img_box { flex: 0 1 50%; width: 50%; max-width: 50%; }

/*Flow of relocation*/
#Flow_relocation { letter-spacing: 0px; }
#Flow_relocation .top_title { margin-bottom: 27px; }
#Flow_relocation .flow_wrap .flow_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 90px; position: relative; }
#Flow_relocation .flow_wrap .flow_box .txt { flex: 0 1 56%; width: 56%; max-width: 56%; }
#Flow_relocation .flow_wrap .flow_box .txt h4 { font-size: 1.8rem; font-weight: normal; }
@media (min-width: 786px) { #Flow_relocation .flow_wrap .flow_box .txt h4 { font-size: calc( 1.8rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
@media (min-width: 1200px) { #Flow_relocation .flow_wrap .flow_box .txt h4 { font-size: 2rem; } }
#Flow_relocation .flow_wrap .flow_box .txt h4 span { font-size: 3rem; color: #BA9632; padding-right: 10px; }
#Flow_relocation .flow_wrap .flow_box .txt ul { padding-left: 30px; }
#Flow_relocation .flow_wrap .flow_box .txt ul li { font-size: 1.5rem; }
@media (min-width: 786px) { #Flow_relocation .flow_wrap .flow_box .txt ul li { font-size: calc( 1.5rem + ( 1vw - 7.86px ) * 0.7246376812 ); } }
@media (min-width: 1200px) { #Flow_relocation .flow_wrap .flow_box .txt ul li { font-size: 1.8rem; } }
#Flow_relocation .flow_wrap .flow_box .icon { flex: 0 1 40%; width: 40%; max-width: 40%; }
#Flow_relocation .flow_wrap .flow_box .track { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); z-index: 1; bottom: 65px; width: 12%; max-width: 260px; min-width: 80px; margin: auto; display: block; padding: 10px; background: #fff; }
#Flow_relocation .flow_wrap .flow_box .track .img { margin: 0 auto 10px; }
#Flow_relocation .flow_wrap .flow_box .track p { font-size: 1.5rem; border: 1px solid; padding: 0 5px; text-align: center; }
@media (min-width: 786px) { #Flow_relocation .flow_wrap .flow_box .track p { font-size: calc( 1.5rem + ( 1vw - 7.86px ) * 0.7246376812 ); } }
@media (min-width: 1200px) { #Flow_relocation .flow_wrap .flow_box .track p { font-size: 1.8rem; } }
#Flow_relocation .flow_wrap .flow_box:after { content: ''; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); transform: translateX(-50%) rotate(45deg); bottom: 10px; display: block; background: #707070; width: 1px; height: 30px; padding: 20px 0; }
#Flow_relocation .flow_wrap .flow_box:last-child:after { display: none; }
#Flow_relocation .flow_wrap .flow_box:nth-of-type(even) { -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse wrap; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; }
#Flow_relocation .flow_wrap .flow_box:nth-of-type(even) .track img { transform: scale(-1, 1); }
#Flow_relocation .flow_wrap .flow_box:nth-of-type(even):after { transform: translateX(-50%) rotate(-45deg); }
#Flow_relocation .flow_wrap .flow_box:nth-of-type(n+2):nth-of-type(-n+5) { padding-bottom: 240px; }
#Flow_relocation .flow_wrap .flow_box:nth-of-type(n+2):nth-of-type(-n+5):after { height: 180px; }
#Flow_relocation .flow_attention .attention_box { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
#Flow_relocation .flow_attention .attention_box .attention_title { font-size: 1.8rem; }
@media (min-width: 786px) { #Flow_relocation .flow_attention .attention_box .attention_title { font-size: calc( 1.8rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
@media (min-width: 1200px) { #Flow_relocation .flow_attention .attention_box .attention_title { font-size: 2rem; } }
#Flow_relocation .flow_attention .attention_box .attention_title .icon { display: inline-block; width: 20px; height: 20px; margin-right: 10px; }
#Flow_relocation .flow_attention .attention_box .attention_title .money { background: url("/img/flow/icon_08.png") center/cover no-repeat; }
#Flow_relocation .flow_attention .attention_box .attention_title .building { background: url("/img/flow/icon_09.png") center/cover no-repeat; }
#Flow_relocation .flow_attention .attention_box .attention_txt { font-size: 1.5rem; text-align: left; }
@media (min-width: 786px) { #Flow_relocation .flow_attention .attention_box .attention_txt { font-size: calc( 1.5rem + ( 1vw - 7.86px ) * 0.7246376812 ); } }
@media (min-width: 1200px) { #Flow_relocation .flow_attention .attention_box .attention_txt { font-size: 1.8rem; } }

/*About export expertise*/
#export_expertise { background: #F7F7F7; letter-spacing: 0px; padding: 100px 0px; }
#export_expertise .export_list ul { max-width: 650px; margin: auto; }
#export_expertise .export_list ul li { position: relative; padding-left: 15px; }
#export_expertise .export_list ul li ::before { content: ""; position: absolute; top: 10px; left: -10px; width: 13px; height: 13px; background-color: #35886B; border-radius: 50%; }
#export_expertise .export_list ul li .method { font-size: 1.6rem; }
@media (min-width: 786px) { #export_expertise .export_list ul li .method { font-size: calc( 1.6rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
@media (min-width: 1200px) { #export_expertise .export_list ul li .method { font-size: 1.8rem; } }
#export_expertise .export_list ul li .check { font-size: 1.3rem; }
@media (min-width: 786px) { #export_expertise .export_list ul li .check { font-size: calc( 1.3rem + ( 1vw - 7.86px ) * 0.4830917874 ); } }
@media (min-width: 1200px) { #export_expertise .export_list ul li .check { font-size: 1.5rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #about_relocation .flow_box .img_box { flex: 0 1 30%; width: 30%; max-width: 30%; }
  #Flow_relocation .flow_txt { margin-bottom: 100px; }
  #Flow_relocation .flow_wrap { position: relative; }
  #Flow_relocation .flow_wrap .flow_box { width: 40%; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse wrap; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; padding-bottom: 0; }
  #Flow_relocation .flow_wrap .flow_box:nth-of-type(even) { -webkit-box-direction: reverse; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: 60%; }
  #Flow_relocation .flow_wrap .flow_box:nth-of-type(even):after { left: -25%; padding: 0; }
  #Flow_relocation .flow_wrap .flow_box .icon { flex: 0 1 30%; width: 30%; max-width: 30%; }
  #Flow_relocation .flow_wrap .flow_box .txt { flex: 0 1 66%; width: 66%; max-width: 66%; }
  #Flow_relocation .flow_wrap .flow_box .track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 60%; bottom: auto; top: 60%; right: -50%; transform: translateX(15%); left: auto; padding: 15px; }
  #Flow_relocation .flow_wrap .flow_box .track .img { flex: 0 1 56%; width: 56%; max-width: 56%; box-sizing: border-box; margin: 0; }
  #Flow_relocation .flow_wrap .flow_box .track p { flex: 0 1 38%; width: 38%; max-width: 38%; box-sizing: border-box; padding: 0; }
  #Flow_relocation .flow_wrap .flow_box:after { transform: translateY(-50%); top: 50%; left: auto; right: -25%; height: 1px; width: 20%; padding: 0; }
  #Flow_relocation .flow_wrap .flow_box:last-child:after { display: block; }
  #Flow_relocation .flow_wrap .flow_box:last-child:before { content: ''; width: 10px; height: calc(50% - 1px); display: block; position: absolute; left: -26%; bottom: 0; background: #fff; z-index: 1; }
  #Flow_relocation .flow_wrap .flow_box:nth-of-type(n+2):nth-of-type(-n+5) { padding-bottom: 15%; }
  #Flow_relocation .flow_wrap .flow_box:nth-of-type(n+2):nth-of-type(-n+5):after { top: 25%; height: 1px; right: -25%; }
  #Flow_relocation .flow_wrap .flow_box:nth-of-type(even) .track { left: -50%; transform: translateX(-15%); right: auto; -webkit-box-direction: normal; -webkit-flex-flow: row-reverse wrap; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; }
  #Flow_relocation .flow_wrap .flow_box:nth-of-type(even):after { transform: translateY(-50%); }
  #Flow_relocation .flow_wrap:after { content: ''; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: 0; width: 1px; height: 100%; display: block; background: #707070; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) { #titleimg h2 { width: auto; }
  #titleimg:after { content: ''; background: rgba(0, 0, 0, 0.2); display: block; width: 100%; position: absolute; left: 0; top: 0; }
  /*共通*/
  .top_title { margin-bottom: 65px; }
  #about_relocation .flow_box { width: auto; }
  #about_relocation .flow_box .img_box { flex: 0 1 33%; width: 33%; max-width: 33%; }
  #Flow_relocation .flow_wrap .flow_box .txt { flex: 0 1 56%; width: 56%; max-width: 56%; }
  #Flow_relocation .flow_wrap .flow_box .icon { flex: 0 1 40%; width: 40%; max-width: 40%; } }
/*------------------------------
		1280px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */