@charset "utf-8";

/* TOP(Renewal) */
* {box-sizing:border-box;/*color:#1E1E1E;*/}
body{color:#1E1E1E;}
.cf:before,.cf:after {content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}
img {margin:0 auto; width:auto; height:auto; vertical-align:baseline; display:block; }
.container,section,header{margin:0 auto;width:auto;min-width:300px;max-width:640px;}
section#main{margin-bottom:0;}
.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
p span.note{margin-top:5px;color:#ADADAD !important;line-height:1.2;display:block;}
p span.note2{margin-top:0;}
p span.note.kome1:before{content:'※1　';}
p span.note.kome2:before{content:'※2　';}
p span.note.kome3:before{content:'※3　';}
a.kiyaku {color:#ADADAD;}
section h2.ttl,#top_seo h2.ttl{
  font-size:19px;
  text-align:center;
  font-weight:bold;
  color:#FFF;
}
section h2.ttl span,#top_seo h2.ttl span{
  padding:12px 0;
  display:block;
  background: #002171;
}
section .wrap{padding:10px;}
/* リンクボタン */
section .btn {padding:0 10px;margin:10px auto;width:100%;overflow:hidden;}
section .btn a {
  padding:10px 20px; margin:0 auto;width:100%;text-align:center;display:block;position:relative;
  background:#fafafa;background-image:-webkit-linear-gradient(top, #fafafa, #d6d6d6);background-image:-moz-linear-gradient(top, #fafafa, #d6d6d6);background-image:-ms-linear-gradient(top, #fafafa, #d6d6d6);background-image:-o-linear-gradient(top, #fafafa, #d6d6d6);background-image:linear-gradient(to bottom, #fafafa, #d6d6d6);
  border-radius:6px; text-shadow:1px 1px 3px #fff;color:#333;border:solid #e8e8e8 2px;text-decoration:none;
  font-size:18px;
}
section .btn a:hover {background:#f0f0f0;text-decoration:none;}
section .btn a:before {display:block;content:"";position:absolute;top:50%;left:10px;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#0d47a1;}
section .btn a:after {display:block;content:"";position:absolute;top:50%;left:18px;width:0;height:0;margin-top:-4px;border:4px solid transparent;border-left:5px solid #fff;}
/* header */
.bg-gradian{background:none;background-color:#FFF;}
header > div{height:50px;}
header .logo{margin-top:32px;}
header .logo img {margin:0;height:24px;width:auto;}
header > div div#humberger{float:right;margin-top:0;margin-right:0;cursor:pointer;width:46px;height:50px;border:none;border-radius:0;box-shadow:none;position:relative;}
header > div div#head_tel{float:right;margin-top:0;margin-right:0;cursor:pointer;width:46px;height:50px;border:none;border-radius:0;box-shadow:none;position:relative;}
#navigation nav#menu-scroll i{color:#FFF;}
/* MV */
.top_price{margin-top:0%;}
.top_price_kome{padding:10px 20px;background-color:#314fbd;color:#FFF;}
.top_price_kome p span.note{margin-top:0;color:#FFF !important;}
/* cv */
.cv_header{padding:0 4px;margin:0 auto;width:100%;max-width:640px;min-width:320px;}
.cv_header.mv_btm{margin-top:-30px;}
.cv_header img{width:100%;height:auto;}
.cv{background-color:#feffa6;border:4px solid #fff100;border-top:none;}
.cv img.tel_btn{padding:6px 10px;}
.cv span.time{padding:0 10px;margin:3px 14px 4px!important;display:block;text-align:center;color:#1E1E1E;background-color:#FFF;border:1px solid #E8E8E8;font-size:13px;}
.cv span.time strong{color:#ff5715;}
.point{
  margin:0 auto;
  padding: 0 8px;
}
.kome{padding:0 10px;margin:25px auto 10px;}
/* slider */
.loopSliderWrap{top:0;left:0;height:75px;overflow:hidden;position:absolute;}
.loopSlider {margin:0 auto;width:100%;height:75px;text-align:left;position:relative;overflow:hidden;}
.loopSlider ul{height:75px;float:left;overflow:hidden;}
.loopSlider ul li{width:100px;height:75px;float:left;display:inline;overflow:hidden;}
.loopSliderWrap:after{content:"";display:none;clear:none;}
section.slider{overflow:hidden;}
/* 料金 */
#price .waku{
  background-color: #efefef;
}
.priceInner {
  padding: 0 10px 5px;
}

#price .wrap2{background-color: #ffffff;opacity: 0;}
#price img{margin-bottom:10px;}
#price img.credit{margin-top:20px;}

#price img.price_btn{
padding-bottom:10px;
width: 100%;
margin-bottom:0px;
}
#price img.shuuri{
padding-bottom:0px;
width: 100%;
margin-bottom:0px;
}
#price img.torihazushi{
padding-bottom:3px;
width: 100%;
margin-bottom:0px;
}

#price p span.note01{
  color: #ADADAD !important;
margin-top:5px;
line-height:1.2;
display:block;
font-size:10px;
}
/* 理由 */
#advantage h2{margin-bottom:20px;}
#advantage p{position:relative;display:inline-block;padding:15px;margin:10px auto 40px;background-color:#f5f5f5;border-radius:10px;line-height:1.4;}
#advantage p img{margin-top:10px;}
#advantage p:after {content:'';position:absolute;bottom:-20px;left:0;display:inline-block;width:100%;height:4px;background-color:#CCC;border-radius:2px;}
#advantage p:nth-of-type(4){margin-bottom:10px;}
#advantage p:nth-of-type(4):after {display:none;}
#advantage .btn{padding:0 10px 10px;margin:0 auto 10px;}

/* フロー */
#flow dt,#flow dd{padding:10px;margin-bottom:15px;font-weight:bold;display:inline-block;font-size:120%;}
#flow dt{width:25%;text-align:center;color:#FFF;background-color:#4AB0F0;border:1px solid #4AB0F0;}
#flow dd{width:75%;background-color:#FFF;border:1px solid #e8e8e8;}
#flow .arrow2{position:relative;}
#flow .arrow2::before{position:absolute;margin:auto;content:'';}
#flow .next::before{left:calc(50% + -12px);bottom:-25px;width:12px;height:12px;border:12px solid transparent;border-left:12px solid #4AB0F0;transform:rotate(90deg);}
/* QA */
#qa .wrap{padding-top:20px;background-color:#dcf1ff;}
#qa .open2{margin-bottom:10px}
#qa .open2 h4,#qa .open2 span{display:inline-block;transition:all .4s;box-sizing:border-box}
#qa .open2 h4{position:relative;width:100%;height:50px;padding:10px 25px 10px 10px;background-color:#314fbd;color:#FFF;font-size:14px;font-weight:bold}
#qa .open2 h4 span{position:absolute;right:16px;width:16px;height:2px;background-color:#FFF;border-radius:4px}
#qa .open2 h4 span:nth-of-type(1){top:30px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}
#qa .open2 h4 span:nth-of-type(2){top:30px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
#qa .open2 h4.active span:nth-of-type(1){display:none}
#qa .open2 h4.active span:nth-of-type(2){top:30px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
#qa .open2 h4{height:auto}
#qa .open2 h4 span:nth-of-type(1){top:50%;right:10px}
#qa .open2 h4 span:nth-of-type(2){top:50%;right:10px}
#qa .open2 h4.active span:nth-of-type(2){top:50%;right:10px}
#qa .text{padding:10px;background-color:#FFF;font-size:14px;border:1px solid #314fbd;display:none;line-height:1.4;}
#qa a img{margin:10px auto;}
#qa section:nth-of-type(7){margin-bottom:20px;}
/* 声 */
section#voice{margin-top:0;}
#voice .wrap{padding:20px;background:none;}
#voice .box{position:relative;padding:2%;width:48%;float:left;background-color:#FFF;border-radius:10px;border: 1px solid #999;}
#voice .box:nth-child(1),#voice .box:nth-child(3){margin:0 3% 0 0;}
#voice .box:nth-child(2),#voice .box:nth-child(4){margin:0 0 3% 0;}
#voice .box .img img{width:100%;height:auto;margin-bottom:15px;}
#voice .box .anc_title{padding-top:10px;border-top:1px solid #ccc;color:#314fbd;text-decoration:none;}
#voice .box .anc_title a{text-decoration:none;}
#voice .box .txt{padding:10px;}
#voice .box .dtl{position:absolute;bottom:15px;right:10px;}
#voice .box .dtl img{width:35px;height:auto;}
/* お役立ち情報 */
#info h3{margin-bottom:0;padding-left:2.5em;font-size:14px;}
#info .wrap{padding-top:10px;background-color:#efefef;}
#info ul {padding:10px;}
#info ul li{padding:10px;margin-bottom:10px;background-color:#fff;box-shadow:3px 3px #c3c3c3;text-decoration:underline;background-repeat:no-repeat;background-size:30px;background-position:10px;background-color:#FFF;}
#info li a {padding:0;}
/* エリア */
#area .box{padding:10px;margin-top:10px;background-color:#F5F5F5;}
#area li{width:20%;float:left;}
#support{margin-bottom:20px;}
/* スタッフから */
section#staff ul{margin-bottom:0;}
#staff li a{padding:10px 10px 10px 2em;}
#staff li a:before{top:calc(50% - 9px);border-width:8px 0 8px 10px;border-color:transparent transparent transparent #314fbd;}
/* ご依頼傾向 */
#order .wrap{padding:10px;}
#order li a{text-decoration:none;}
#order li{padding:10px;margin-bottom:10px;border-radius:6px;background-color:#efefef;background-repeat:no-repeat;background-size:40px;background-position:10px;}
#order li span{color:#314fbd;display:block;}
/*#order li:nth-child(1){background-image:url(/sp/top/img/fa_user_a.png);}
#order li:nth-child(2){background-image:url(/sp/top/img/fa_user_b.png);}
#order li:nth-child(3){background-image:url(/sp/top/img/fa_user_c.png);}
#order li:nth-child(4){background-image:url(/sp/top/img/fa_user_d.png);}
#order li:nth-child(5){background-image:url(/sp/top/img/fa_user_e.png);}
#order li:nth-child(6){background-image:url(/sp/top/img/fa_user_f.png);}*/
#order a:last-child img{margin:10px auto;}
/* footer */
#foot-sitemap{margin:0 auto;max-width:640px;}
#foot-sitemap ul{}
#foot-sitemap ul li{position:relative;margin-bottom:-1px;width:50%;float:left;background-color:#f9f9f9;text-align:left;border:1px solid #d7d7d7;}
#foot-sitemap ul li a{padding:10px;width:100%;height:100%;font-size:11px;text-decoration:none;display:block;}
#foot-sitemap ul li:nth-child(odd){border-right:none;}
#foot-sitemap ul li a:before{position:absolute;top:calc(50% - 4px);right:0;content:'';display:inline-block;width:0;height:0;border:transparent solid 4px;border-left-color:#666;}
#foot-privacy img{width:40px;height:auto;display:inline;}
/* フッター固定CV */
#bottom-tap{position:fixed;bottom:-90px;right:0;padding:0;width:100%;background-color:transparent;z-index:100;transition:all 0.3s ease;}
#bottom-tap a{width:100%;height:100%;display:block;overflow:hidden;padding-top:0;position:relative;background:none;z-index:1;border-radius:0;box-shadow:none;}
#bottom-tap .container{padding:0;}
#bottom-tap a img{width:100%;height:auto;display:block;margin:0 auto;position:relative;z-index:3;}
#copyright{padding-bottom:148px;}
@media screen and (max-width:640px) {.cv_header.mv_btm{margin-top:-5%;}}
@media screen and (max-width:320px) {#foot-sitemap ul li a{font-size:10px;}}

/* MVエリア表示 */
#main {position:relative;}
#main .area_box{position:absolute;top:65px;left:20px;padding:15px;color:#585858;background-color:#FFF;font-size:30px;font-weight:bold;}
#main .area_box span{color:#28a7e1;}
@media screen and (max-width:768px) {#main .area_box{top:65px;left:20px;padding:15px;font-size:28px;}}
@media screen and (max-width:640px) {#main .area_box{top:70px;padding:10px;}}
@media screen and (max-width:540px) {#main .area_box{top:60px;font-size:24px;}}
@media screen and (max-width:470px) {#main .area_box{top:35px;left:15px;font-size:20px;}}
@media screen and (max-width:400px) {#main .area_box{top:32px;left:13px;padding:6px;font-size:18px;}}
@media screen and (max-width:350px) {#main .area_box{letter-spacing:-1px;}}
@media screen and (max-width:320px) {#main .area_box{top:26px;left:10px;padding:5px;font-size:16px;letter-spacing:initial;}}

/* TOP SEO */
#top_seo {margin:0 auto;width:auto;min-width:320px;max-width:640px;}
#top_seo h3.tit01{margin-bottom:10px;}
#top_seo p.txt{padding:10px;margin-bottom:10px;}
#top_seo .tit02{clear:both;text-align:left;margin:20px 0 10px;padding:0 10px 6px 0;border-bottom:dotted 1px #ff7c13;font-size:17px;font-weight:bold;}
#top_seo .tit02:before{content:'';display:inline-block;width:5px;height:17px;background:#ff7c13;margin:0 10px 0 0;}
#top_seo .tit02 .price .num{font-size:23px;color:#de1111;padding:0 5px;}
#top_seo .tit02 .price{margin:-5px 0 -10px;display:block;float:right;line-height:1.2;}
#top_seo .img{float:right;margin:10px;width:30%;height:auto;}
#top_seo .merit{padding:0 10px;background-color:#FFF;}
#top_seo .demerit{padding:5px 10px 20px;background-color:#FFF;}
#top_seo .merit h5,#top_seo .demerit h5{padding:5px 10px;margin-bottom:5px;font-size:16px;font-weight:bold;}
#top_seo .merit h5{background-color:#9bbaeb;}
#top_seo .demerit h5{background-color:#dddddd;}
#top_seo .demerit{background-color:#FFF;}
#top_seo .merit ul li, #top_seo .demerit ul li{padding-left:1em;text-indent:-1em;margin-bottom:5px;}
#top_seo .merit ul li{background-color:#d6e6ff;}
#top_seo .demerit ul li{background-color:#efefef;}
#top_seo .merit ul li:before, #top_seo .demerit ul li:before{content:'・';}
#top_seo .tit02{margin:0 10px;}
#top_seo .seoAcd .y-scroll{margin:0 10px 10px;height:30vh;overflow:auto;border:1px solid #e8e8e8;}
#top_seo .seoAcd .y-scroll::-webkit-scrollbar{width:10px;}
#top_seo .seoAcd .y-scroll::-webkit-scrollbar-track {border-radius:10px;box-shadow:inset 0 0 5px rgba(0, 0, 0, .1);}
#top_seo .seoAcd .y-scroll::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 50, .5);border-radius:10px;box-shadow:0 0 0 1px rgba(255, 255, 255, .3);}
#top_seo .seoAcd .y-scroll h4:first-child{margin-top:10px;}
/* SEO開閉 */
#top_seo h3.read_more{
  text-align:center;
  margin-bottom:10px;
  width:96%;
  margin:0 auto 10px;
  color: #FFF;
  font-size:14px;
  font-weight:bold;
  background:#0d47a1;
  border:1px solid #e8e8e8;
  padding:5px;
  border-radius:0 0 6px 6px;
  cursor:pointer;
}
#top_seo h3.read_more img{margin:0 auto 5px;}
#top_seo .tap_open{margin:0 auto;width:96%;}
#top_seo .tap_open img{width:100%;height:auto;}
#top_seo .seoAcd .text{display:none;}
#top_seo .tit01 + p.txt,#top_seo .tit01 + p.txt{margin-bottom:0;}
#top_seo .tit_cnt03{}
#top_seo .info.info05 .demerit{padding-bottom:0;}
#top_seo hr{margin:0 10px 20px;height:0;border:none;border-bottom:1px solid #999;}
#top_seo hr.merit{margin:10px;}
#top_seo .merit_wrap{
  padding:8px 8px 0;display:block;
  background:-webkit-gradient(linear, left top, right bottom, from(rgba(49,78,185,0.1)), color-stop(0.25, rgba(49,78,185,0.1)), color-stop(0.25, rgba(69,148,231,0)), color-stop(0.5, rgba(69,148,231,0)), color-stop(0.5, rgba(49,78,185,0.1)), color-stop(0.75, rgba(49,78,185,0.1)), color-stop(0.75, rgba(69,148,231,0)), to(white));
  background:-moz-linear-gradient(-45deg, rgba(49,78,185,0.1) 25%, rgba(69,148,231,0) 25%, rgba(69,148,231,0) 50%, rgba(49,78,185,0.1) 50%, rgba(49,78,185,0.1) 75%, rgba(69,148,231,0) 75%, rgba(69,148,231,0));
  background:linear-gradient(-45deg, rgba(49,78,185,0.1) 25%, rgba(69,148,231,0) 25%, rgba(69,148,231,0) 50%, rgba(49,78,185,0.1) 50%, rgba(49,78,185,0.1) 75%, rgba(69,148,231,0) 75%, rgba(69,148,231,0));
  background-size:4px 4px;
  border:1px solid #fff;
}
#top_seo .merit_wrap h2{padding:5px 10px;background-color:#FFF;}
#top_seo .merit_wrap h2 img { 
  height: 9vw;
  margin: inherit;
}
#top_seo .txt.bgwhite{background-color:#FFF;}
#top_seo .txt.bgwhite + h3.read_more{width:100%;}
#top_seo .txt.bgwhite + h3.read_more + .text{padding-top:10px;background-color:#FFF;}
/*
.inner{
background-image:url("http://lorempixel.com/800/800/");
background-repeat:no-repeat;
width:100%;
height:800px;
}
*/

/* 2018.07.02 add */
/*==地名==*/
.distribution{
  position: relative;
  margin: 20px auto 15px;
  padding: 0 10px;
}
.area_map{
  position: absolute;
  bottom:-2px;
  text-align: center;
  color: #212121;
  font-weight: bold;
  font-size: 19px;
  padding: 5px 0;
  width: 100%;
  z-index: 2;
}
@media screen and (max-width:640px) {.area_map{font-size: 33px;bottom: 15px;left:0px;right: 0;}}
@media screen and (max-width:540px) {.area_map{font-size: 29px;bottom: 9px;left:0px;right: 0;}}
@media screen and (max-width:470px) {.area_map{font-size: 25px;bottom: 5px;left:0px;right: 0;}}
@media screen and (max-width:414px) {.area_map{font-size: 21px;bottom: 3px;left:0px;right: 0;}}
@media screen and (max-width:400px) {.area_map{font-size: 20px;bottom: 2px;left:0px;right: 0;}}
@media screen and (max-width:375px) {.area_map{font-size: 19px;bottom: 0px;left:0px;right: 0;}}
@media screen and (max-width:350px) {.area_map{font-size: 19px;bottom: 0px;left:0px;right: 0;}}
@media screen and (max-width:320px) {.area_map{font-size: 17px;bottom:-2px;left:0px;right: 0;}}
.area_mojikan{
letter-spacing: -8px;
}
.area_mojikan2{
letter-spacing: -3px;
}
.area_moji{
color:#0D47A1;
}

/* 2018.07.26 add attention_area */
.attention_area {
  background-image: linear-gradient(
  	-45deg, #d80012 25%, #f21a32 25%, #f21a32 50%, #d80012 50%, #d80012 75%, #f21a32 75%, #f21a32
  );
  background-size: 10px 10px;
  background-attachment: fixed;
  padding: 10px;
  margin: 10px;
}
.attention_area p{
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 1px;
  padding: 4px 4px 4px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width:667px) {
  .attention_area{
    width: 620px !important;
    margin: 20px auto;
  }
  .attention_area p{
    font-size: 18px;
  }
}
@media screen and (max-width:320px) {
  .attention_area p{
    font-size: 12px;
    padding: 4px 4px;
  }
}

/* 2018.08.09 add */
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }

.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }

/* シェア＋東証_st */
.share_tosho{
  margin: 10px;
  line-height: 1.6;
}
.share_tosho_main{
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 8px;
  background-color: #fff;
  border: 1px solid #CCC;
}
.share_img{
  flex-basis: 20%;
}
.tosho_img {
  flex-basis: 17%;
}
.share_tosho_text{
  flex-basis: 60%;
  font-family: Meiryo,sans-serif;
  line-height: 4.5vw!important;
}
.share_tosho_text .ttl{
  font-size: 3.1vw;
  font-weight: 700;
}
.share_tosho_text .txt{
  margin-top: 0.75%;
  font-size: 2.8vw;
}
.share_tosho_sub{
  margin-top: 0.5%;
  font-size: 2.6vw;
  color:#808080;
}
.no1_site_color{
  color: #314fbd;
}
@media screen and (min-width: 667px){
  .share_tosho{
    width: 375px;
    margin: 10px auto!important;
  }
  .share_tosho_text{
    line-height: 16px!important;
  }
  .share_tosho_text .ttl{
    font-size: 14px;
  }
  .share_tosho_text .txt{
    font-size: 12px;
  }
  .share_tosho_sub{
    font-size: 11px;
  }
}
/* シェア＋東証_en */

.s_showmovie{
  position: relative;
  margin: 30px 10px 20px;
  padding: 0 0 10px;
  border: 1px solid #ccc;
  background :#fff;
  text-align: center;
}
.bg_movie{
  width: 100%;
  padding: 30px 10px 0;
  margin: 0 0 -23px;
  position: relative;
  top: -20px;
  background: url(../img/movie_bg.png) no-repeat right top;
  background-size: 27% auto;
}
.bg_movie h2{
  font-size :23px;
  font-weight: bold;
  color: #000744;
  text-align: left;
  line-height: 1.2;
  margin: 0 0 5px 0;
  text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px , #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
.bg_movie iframe{
    width: 100%;
    height: 188px;
    display: block;
}
@media screen and (min-width: 667px){
  .s_showmovie{
    width: 640px;
    margin: 70px auto 20px!important;
  }
  .bg_movie{
    margin: 0 0 -59px;
    top: -59px;
    padding: 80px 10px 0;
  }
  .bg_movie iframe{
    height: 360px !important;
  }
  .bg_movie h2{
    margin: 0 0 10px 0;
  }
}
/*index.phpから以降*/
.staff_introduction {
  width: auto;
  position: relative;
  margin: 15px auto;
  text-align: center;
}
.staff_moji {
  width: auto;
    margin: 0 0 -40px 0;
    position: relative;
    text-align: center;
    padding: 10px 0 0 0;
}
.staff001 {
  color: #4d4d4d;
  font-size: 20px;
  font-weight: bold;
}
.place_moji {
  color: #0e47a1;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (min-width: 667px){
.staff_introduction {
  width: 640px;
  margin:15px auto;
}
.staff_moji {
      width: auto;
    margin: 0 0 -70px 0;
    position: relative;
    text-align: center;
    padding: 20px 0 0 0;
}
.place_moji {
  color: #faaf3b;
  font-size: 47px;
  font-weight: bold;
}
.staff001 {
  color: #4d4d4d;
  font-size: 40px;
  font-weight: bold;
}
}
.n_construction{
  margin: 15px 0 20px;
}
.n_construction_inner{
  position: relative;
}
.n_construction_inner div + div{
  position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}
.tosho {
  margin: 10px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #002171;
  align-items: stretch;
  background: #fff;
}
.tosho_img {
    flex-basis: 25%;
    align-self: center;
}
.tosho__ttl {
  color: #FFF;
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  width: 20vw;
  height: 18vw;
  background: #002171;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tosho_txt {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}
.tosho_txt p {
    flex-basis: 81%;
    font-size: 2.5vw;
    line-height: 1.4em;
}
.tosho_txt .co_name {
    font-weight: 900;
    display: block;
    margin-top: 3px;
}
.tosho_txt figure {
    flex-basis: 19%;
}
.mb30 {
  margin-bottom:30px !important;
}

#main .area_box_region{
  position:absolute;
  top:11.5vw;
  left:3.5vw;
  color:#333;
  font-size:7vw;
  font-weight:800;
  text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px , #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
#main .area_box_region span{
  color:#f73300;
  font-size:8.5vw;
}

.homeFlow .homeFlow__stepSentence{
	font-size: 3.4vw;
}