@charset "UTF-8";
/*!  mixin,変数
================================================ */
/*=============================================================
 company_access
=============================================================*/
#mainImg {
  background-image: url(../img/company/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      background-image: url(../img/company/img_main_pc.jpg); } }

#access section {
  margin-bottom: 30px; }
  @media (min-width: 640px) {
    #access section {
      margin-bottom: 0; } }

@media (min-width: 640px) {
  #access .boxWrap {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #access .boxWrap .mod_box02 {
      width: 470px; } }
      
/* ------------------------------- campany/access.html */

.m_b{
	margin-bottom:60px;}
@media (min-width: 640px) {
.m_b{
	margin-bottom:0;}}

@media (min-width: 640px) {
.m_b_0{
	margin-bottom:0;}}

h2.tit_fj {
  border-bottom: 2px solid #54b150;
  padding: 11px;
  padding-left: 40px;
  font-size: 22px;
  font-weight: bold;
  border-top: 1px solid #bbb;
  position: relative;
  background: url(../img/company/icon_fj.png) left 50% no-repeat;
  background-size: 23px;
  margin-bottom: 30px;
}

h2.tit_fj:after {
    content: "";
    width: 22px;
    height: 2px;
    display: block;
    position: absolute;
    background-color: #54b150;
    left: 0;
    bottom: -2px;
}

@media (min-width: 640px) {
  h2.tit_fj {
      border-bottom: 4px solid #e6f9e8;
      padding: 22px;
      padding-left: 60px;
      font-size: 36px;
      background-size: 33px;
      margin-bottom: 40px;}
	
  h2.tit_fj:after {
        width: 44px;
        height: 4px;
        bottom: -4px; }}

.company_box {
    display:block;
	width:100%;
	height:auto;}
@media (min-width: 640px) {
.company_box,
.telnumber {
  display:flex;
  display:-webkit-flex;
  flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	margin-bottom:30px;}}

.left_text {
    width:100%;
    min-width:100%;}
@media (min-width: 640px) {
.left_text {
  width:540px;
  min-width:540px;
	font-size:18px;}}
	
 .right_map {
	 clear:both;
	 overflow:hidden;
    width:100%;
    min-width:100%;
    height:350px;
    margin-left:0;
    margin-top:40px;
	margin-bottom:10px;}
	@media (min-width: 640px) {
.right_map {
  width:570px;
  min-width:570px;
  height:450px;
	    margin-top:0;
  margin-left:30px;
	margin-bottom:0;}}

/* ------------------------------- tel */
 .tel_sp{
    font-size:13px;
	line-height:3em;
display:inline-block;}
@media (min-width: 640px) {
	.tel_sp{
		display:none;}}

.tel_pc{
		display:none;}
@media (min-width: 640px) {
.tel_pc{
		display:block;
	font-size:20px;}}

/* -------------------------------/ tel */


 #tel_daihyo {
	color:#73c470;
    font-size:17px;
    font-weight:bold;
    display:inline-block;
    margin-bottom:0px;}
	@media (min-width: 640px) {
		#tel_daihyo {
	    	font-size:26px;
			margin-bottom:0px;}}

 .color_orange {
	color:#73c470;
    font-size:26px;
    font-weight:bold;
    display:inline-block;
    margin-bottom:-8px;}
	@media (min-width: 640px) {
	.color_orange {
	    font-size:26px;
		margin-bottom:-5px;}}

.address,
.access {
  margin-bottom:23px;}
@media (min-width: 640px) {
.address,
.access {
	margin-bottom:30px;
	font-size:17px;}}

.access .fontLarge {
	font-size:20px;
	padding-top:0;
	padding-bottom:10px;}
@media (min-width: 640px) {
.access .fontLarge {
	font-size:21px;}}

.orange_maru {
  background-color:#73c470;
  color:#fff;
  text-align:center;
  height:43px;
  line-height:43px;
  border-radius:30px;
  font-size:16px;
	margin-top:5px;
  margin-bottom:10px;}
@media (min-width: 640px) {
.orange_maru {
  height:50px;
  line-height:50px;
  border-radius:30px;
  font-size:21px;
	margin-bottom:20px;}}

.orange_maru.fontSmall {
  font-size:14px;
  line-height:1.3em;
  padding-top:5px;}
@media (min-width: 640px) {
.orange_maru.fontSmall {
  font-size:17px;}}

.telnumber .box1 {
	float:left;
	width:49%;
	margin:0 auto 20px 0;}
@media (min-width: 640px) {
.telnumber .box1 {
	margin-right:20px;
	 width:250px;}}
		
.telnumber .box2 {
	float:right;
	width:49%;
	margin:0 auto 20px 0;}
@media (min-width: 640px) {
.telnumber .box2 {
	margin-right:20px;
	  width:250px;}}

.telnumber .number,.telnumber .number _sp {
	width:100%;
    font-size:13px;
	line-height:3em;
display:inline-block;}
@media (min-width: 640px) {
.telnumber .number,.telnumber .number_pc {
	font-size:18px;
	padding-bottom:4px;}}

.number .color_orange, .number_sp .color_orange{
    font-size:17px;
    font-weight:bold;
padding-bottom:8px;}
@media (min-width: 640px) {
.number .color_orange {
	    font-size:24px;
	padding-bottom:-1px}}
		
@media (min-width: 640px) {
.number_pc .color_orange {
	    font-size:24px;
	padding-bottom:0px;}}



/* ------------------------------- tel */
 .number_sp{
    font-size:13px;
	line-height:3em;
display:inline-block;}
@media (min-width: 640px) {
	.telnumber .number_sp{
		display:none;}}

.number_pc{
		display:none;}
@media (min-width: 640px) {
.number_pc{
		display:block;
	font-size:24px;}}

/* -------------------------------/ tel */