/*=============================================================
 about_haken
=============================================================*/
#mainImg {
  display: none;
  background-image: url(../img/interpreter/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: url(../img/interpreter/img_main_pc.jpg); } }

#interpreter_about section {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #interpreter_about section {
      margin-bottom: 70px; } }

#interpreter_about #sec01 {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #interpreter_about #sec01  {
      margin-bottom: 50px; } }

#interpreter_about #sec02 .pic {
  display: block;
  margin: 15px auto 0; }
  @media (min-width: 640px) {
    #interpreter_about #sec02 .pic {
      margin: 30px auto 0; } }

#interpreter_about #sec04 .txt {
  margin-bottom: 30px; }
/*=============================================================
 追記
=============================================================*/

#sec02 h2.mod_tit03,#sec03 h2.mod_tit03,#sec04 h2.mod_tit03,#sec05 h2.mod_tit03,#sec06 h2.mod_tit03{
	margin:0 auto 10px auto;}
  @media (min-width: 640px) {
	  #sec02 h2.mod_tit03,#sec03 h2.mod_tit03,#sec04 h2.mod_tit03,#sec05 h2.mod_tit03,#sec06 h2.mod_tit03{
	margin:0 auto 15px auto;}}


.f_normal{/*-文字太さ　normal*/
	font-weight: normal;
  line-height:0.8em;
	  font-size:14px;}
  @media (min-width: 640px) {
	  .f_normal{
		  font-weight: normal;
		  line-height:0.8em;
	  font-size:15px;}}

.p_b{/*padding　bottom調整*/
	padding-bottom: 20px;}
  @media (min-width: 640px) {
		.p_b{
		  padding-bottom: 30px;}}


/*---------------------------------------------------インバウンドスタッフmod_box01*/
.mod_box01 {
  border: 1px solid #bbb;
  padding: 15px;
  margin-bottom: 20px;
	position: relative;}
  @media (min-width: 640px) {
    .mod_box01 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px; } }
  .mod_box01 .left {
    display: block;
    margin: 0 auto 10px; }
    @media (min-width: 640px) {
      .mod_box01 .left {
        margin: 0;
        margin-right: 20px; } }
  .mod_box01 .interpreter_item {
    color: #666;
    font-weight: bold;
	 padding: 0;
	  margin: 0;}
    @media (min-width: 640px) {
      .mod_box01 .interpreter_item {
        font-size: 18px;
        padding-right: 0; } }
	  
.mod_box01 .right {
    display: none;}
    @media (min-width: 640px) {
      .mod_box01 .right {
		  display: none;}}
/*---------------------------------------------------インバウンドスタッフmod_box01 end*/

/*---------------------------------------------------活躍box*/

.katsuyaku_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-weight: bold;
  	font-size:18px;
  	padding-bottom:15px;}
    @media (min-width: 640px) {
		.katsuyaku_box{
			width: 90%;
			height: auto;
			padding-bottom:10px;}}


.katsuyaku_box_ttl {
  background-color:#ebdad0;
  margin-top:24px;
  line-height:50px;
  height:50px;
  box-sizing:border-box;
  width:100%x;
	height: auto;
  font-size:17px;
	font-weight: bold;
	padding-left: 15px;}
	    @media (min-width: 640px) {
			.katsuyaku_box_ttl {
			font-size:20px;}}


.katsuyaku_box_txt {
  background-color:#f5ece6;
  box-sizing:border-box;
font-size:14px;
  width:100%;
	height: auto;
  padding:15px;}
	    @media (min-width: 640px) {
			.katsuyaku_box_txt {
				font-size:16px;
				padding:15px;}}



.katsuyaku_current{
  position:relative;
	margin-top: 20px;}

.katsuyaku_current a {
  display:block;
  color:#f38440;
  padding-left:1.0em;
	font-size:16px;
}

.katsuyaku_current:before {
            position: absolute;
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 0 6px 6px;
            left: 5px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border-color: transparent transparent transparent #f38440; }

/*------------------------------------------------------------------活躍box end*/
/*-----------------------------------------------------------------------流れ*/
.flow_ia {
	display:block;
	position:relative;
  	background-color:#ecf2fd;
	padding: 15px;}
		 @media (min-width: 640px) {
		.flow_ia {
			display:flex;
  			display:-webkit-flex;
  			flex-wrap:nowrap;
  			-webkit-flex-wrap:nowrap;
			margin:1em 0;
			 padding: 0;}}

.flow_ia .flow_step {
	background-color:#6b86f0;
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:50%;
    position:absolute;
    top:15px;
	left:15px;}
		@media (min-width: 640px) {
		.flow_ia .flow_step {
  		background-color:#6b86f0;
		width:125px;
		height: 100%;
		border-radius:0;
		top:0;
		left:0;}}

.flow_ia .flow_step img {
	position:relative;
	width: 75%;
    top:0;
    margin-top:0;
    top:15px;
    left:59%;
    margin-left:-32px;}
	@media (min-width: 640px) {
		.flow_ia .flow_step img {
			position:relative;
			top:50%;
			width: 50%;
			height: auto;
			margin-top:-18px;
			margin-left:-35px;}}

.flow_ia .flow_textbox {
  box-sizing:border-box;}
	@media (min-width: 640px) {
		.flow_ia .flow_textbox {
  		width:100%;
		padding:15px 15px 15px 0;
		margin-left: 100px;}}

.flow_text_ttl {
	padding-left: 95px;
    padding-bottom:25px;
	border-bottom:2px solid #bbb;
    box-sizing:border-box;}
	@media (min-width: 640px) {
	.flow_text_ttl {
  		width:95%;
  		border-bottom:1px solid #bbb;
		margin: 0 -40px 0 40px;
		padding-bottom:5px;
		padding-left: 0;}}

.flow_text_ttl .flow_text_ttlMain {
  color:#6b86f0;
  font-size:27px;
  font-weight:bold;
  margin:0;}
	@media (min-width: 640px) {
		.flow_text_ttl .flow_text_ttlMain {
  		color:#6b86f0;
  		font-size:27px;
  		font-weight:bold;
		margin:0;}}

.flow_text_ttl .flow_text_ttlSub {
  color:#333;
  font-size:16px;
  font-weight:bold;
  margin:0;}

.flow_ia .flow_textbox .flow_text_p1 {
  width:100%;
	height: auto;
	margin: 15px auto;}
	@media (min-width: 640px) {
	.flow_ia .flow_textbox .flow_text_p1 {
  		width:95%;
		margin: 0 -40px 0 40px;
		height: auto;
		padding: 15px 0;}}

.flow_btnlist {
  display:flex;
  display:-webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;}

.flow_btnlist div {
/*  margin-right:1.5em; */}

 .flow_ia_sankaku {
	 display: block;
	 margin:20px auto;}
	@media (min-width: 640px) {
 		.flow_ia_sankaku {
	 		display: block;
	 		margin:0 auto;}}

.flow_btnlist .flow_btnlink a {
  display:block;
  background-color:#fff;
  line-height:35px;
  padding:0 19px 0 6px;
	font-size: 13px;
  position:relative;
  color:#f06b80;
  box-sizing:border-box;
  border:1px solid #f06b80;
margin:0 2px;}
@media (min-width: 640px) {
	.flow_btnlist .flow_btnlink a {
  		display:block;
  		background-color:#fff;
  		line-height:35px;
  		padding:0 40px;
		font-size: 17px;
		margin-left: 40px;
  		position:relative;
  		color:#f06b80;
  		box-sizing:border-box;
		border:1px solid #f06b80;}}

.flow_btnlink {
	position:relative;}

.flow_btnlink a img {
	vertical-align:0em;
	display:inline-block;
	position:absolute;
	top:9px;
	right:4px;}
@media (min-width: 640px) {
	.flow_btnlink a img {
		right:15px;}}

/*-----------------------------------------------------------------------流れ end*/

.taigu_list{
	margin-top: 10px;
	margin-bottom: 20px;}
  @media (min-width: 640px) {
	  .taigu_list{
	  	margin-top: 20px;
		margin-bottom: 20px;}}

.guidelist{
	padding-left: 1em;
    text-indent: -1em;
	margin-top: 10px;
	margin-bottom: 10px;}
  @media (min-width: 640px) {
	  .guidelist{
		padding-left: 1em;
		text-indent: -1em;
	  	margin-top: 20px;
		margin-bottom: 20px;}}

.guidelist span{
	color:#73c470;}