@charset "UTF-8";
/* CSS Document */
body{background-color: #fff;
     font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
     font-weight: 100;}

*{margin:0px;}
a{text-decoration: none;color:#fff;}
h1{font-size:25px;}

/* 開いていないライトボックス */
.lightbox {
  display: none;
}

/* 開いたライトボックス */
.lightbox:target {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ライトボックスの中身 */
.lightbox figcaption {
  width: 25rem;
  position: relative;
  padding: 1.5em;
  background-color: lightpink;
}

/* 閉じるボタン */
.lightbox .close {
  position: relative;
  display: block;
}

.lightbox .close::after {
  right: -1rem;
  top: -1rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  background-color: black;
  border-radius: 50%;
  color: white;
  content: "×";
  cursor: pointer;
}

/* ライトボックスのオーバーレイ */
.lightbox .close::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  content: "";
  cursor: default;
}

/*--------------- FULL Size ---------------*/
@media only screen and (min-width: 1024px) {
.hamburger-menu{display:none;}
.brmini{display:none;}
#home_topimg_half{display:none;}
#home_topimg_small{display:none;}
#frame-tl{display:none;}
#frame-sp{display:none;}
    
#header{background: #fff;
        height:50px;
        width:100%;
        float:left;
        color:#000;}
    
 #cont01{max-width:1024px;
         height:100%;
         margin:0 auto;
         line-height: 50px;
         list-style: none;}


.logo{width:45%;
	  float:left;
      font-size:15px;
      display: inline;}
    
    .logo img{margin:10px 0 0 0;
              height:30px;
              float:left;}
    
#nav_pc{width:50%;
        height:50px;
        float:right;}
    
#cont01 ul{display: flex;
           list-style: none;
           text-decoration: none;}
    
#cont01 ul li{ margin-left: 1.5em;}
    
#cont01 ul li a{text-decoration: none;
                color:#000;
                font-weight: 200;}
	
/*事業内容 top img*/
#result_topimg{width:100%;
	         height:261px;
	         background-image: url("img/result_top.jpg");
	         background-position: right;
	         background-size: cover;
	         background-color: #000;
	         background-repeat: no-repeat;
			 float:left;}
			 
#toptext{width:100%;
         margin-top:50px;
		 text-align: center;
		 position: relative;}
		 
#toptextbg{font-size:9em;
           color:#fff;}
		   
#bigtext{color:#fff;
		 text-align: center;
		 margin-top:-130px;}
		 
#bigtext span{background-color: #C21D08;
              padding:5px 10px;
			  font-size:1.4em;
			  letter-spacing: 15px;}
			  
/*事業案内 RESULTS*/

/*サブタイトル*/
.sbtitle{width:100%;
         float:left;
         margin:50px 0;
		 text-align: center;}
		  
.sbtitle1 span{font-size:2em;
               border-bottom:1px solid;
			   padding-bottom:5px;}
			   
.sbtitle2 span{font-size:1.2em;
               color:#C21D08;}
.sbtitle3 {font-size:25px;
               color:#C21D08;}
			   
/*No.*/
.num1{max-width:800px;
      margin:0 auto 250px auto;
	  clear:both;
	  }
	  
.num1-1{float:left;
        width:100%;
        height:70px;}
	  
.num1-2{float:left;
        width:20%;
		text-align: center;}
.num1-2 span{font-size:3em;
             color:#C21D08}

.num1-3{float:left;
        width:80%;
        line-height: 70px;}

.num1-3 span{font-size:1em;

             padding:10px 0 0 20px;}
			 
.num1-4{width:100%;
        float:left;
		height:100px;
        border-top:1px solid #C21D08;
		border-right:1px solid #C21D08;
		border-radius:0 200px 0 0;}
		
.num1-5{width:55%;
        float:left;
		height:300px;
		margin-top:-50px;
		margin-left:15%;}
		
.numicon{width:30%;
         float:left;
		height:300px;
		 text-align: center;
		 margin-top:-50px;}
	

.numicon img{width:40%;}

/*num2*/
.num2{width:100%;
      background-color:#000;
	  background-size: cover;
	  float:left;
	  padding:150px 0 0 0;}
	  
.num2base{max-width:800px;
      margin:0 auto 150px auto;
	  clear:both;color:#fff;
	  }
	  
.num2-1{float:left;
        width:100%;
        height:70px;}
	  
.num2-2{float:left;
        width:20%;
		text-align: center;}
		
.num2-2 span{font-size:2em;
             padding:10px;
             background-color: #C21D08;
			 border-radius: 100%;
             color:#fff;}

.num2-3{float:left;
        width:80%;
        line-height: 70px;}

.num2-3 span{font-size:1em;

             padding:10px 0 0 20px;}
			 
.num2-4{width:100%;
        float:left;
		height:100px;
        border-top:1px solid #C21D08;}
		
.num2-5{width:80%;
        float:left;
		height:250px;
		margin-top:-50px;
		margin-left:20%;}
		
		
/*CGI*/		
#frame-pc{overflow:hidden;
          width:100%;
	      float:left;
	      border: none;}
		  
.iframe{float:left;
	    width:100%;}
		
/*------会社概要------*/	
#company_topimg{width:100%;
	         height:261px;
	         background-image: url("img/c_top.jpg");
	         background-position: right;
	         background-size: cover;
	         background-color: #000;
	         background-repeat: no-repeat;
			 float:left;}
			 
#toptext-c{width:100%;
         margin-top:35px;
		 text-align: center;
		 position: relative;}
		 
#toptextbg-c{font-size:9em;
           color:#fff;}
		   
#bigtext-c{color:#fff;
		 text-align: center;
		 margin-top:-125px;}
		 
#bigtext-c span{background-color: #C21D08;
              padding:5px 10px;
			  font-size:1.6em;
			  letter-spacing: 15px;}
		
		
#com{width:1000px;
     margin:0 auto;}

.com1{width:100%;
      height:100px;
	  margin-top:150px;
	  clear:both;
      float:left;}
	  
.com1-1 span{font-size:1.5em;
             border-bottom:1px solid;
			 padding-bottom:5px;}
			 
#com1-2{width:800px;
     margin:50px 97.5px;
	 clear:both;
	 padding:50px 0 50px 30px;
	 border-left:5px solid #C21D08;}
	 
#com1-2 span{font-size:1em;}

#right{margin-left:600px;}/*代表者名*/


/*companyテーブル*/
#com2{width:800px;
      margin:0 auto;
	  clear:both;}
	  
#com2-1{border:10px solid #C21D08;
        font-size:0.9em;}

#com2-1 dl {display: flex;
            flex-flow: row wrap;
            width: 100%;
			padding:-15px;
            background-color:#C21D08;}
			 
#com2-1 dt {
width: 11%;
padding:5% 2%;
text-align: center;
background-color: #f1f1f1;
border-right: 1px solid #C21D08;
border-bottom: 1px solid #C21D08;}

#com2-1 dd {
width: 80%;
padding:5% 2%;
background-color: #fff;
border-bottom: 1px solid #C21D08;}

@media screen and (max-width: 580px) {
#com2-1 dl {
flex-flow: column;}
}

#map{width:800px;
     margin:150px auto 0 auto;}
	 
#mapframe{}

#com3-2{width:700px;
        margin:50px auto 150px auto;}
		
#com3-2 th,td{text-align: left;
              font-size:0.8em;
			  padding:10px 0;}

#com3-2 th span{background-color:#C21D08;
                padding:8px;
				color:#fff;}
				
#com3-2 td span{border-bottom:1px dotted #C21D08;
                padding:8px;}

/*フッター*/
#footer{width:100%;
        color:#fff;
		float:left;
		text-align: center;
        background-color: #000;}

#foot1{width:49.5%;
       height:250px;
       border-right:0.5px #fff solid;
	   float:left;}
	   
 #foot1 ul{margin:100px auto 0;}
 #foot1 li{list-style: none;}
 
#foot2{width:49.5%;
       height:250px;
	   float:left;}
	   
#mail-icon{margin-top:50px;}
	   
#f2p{margin:10px auto;
     width:40%;
	 background-color: #C21D08;
	 padding:10px 0;
	 font-size:1.2em;}

#f2p a{color:#E9E9E9;}

#foot3{width:100%;
       height:250px;
	   border-top:1px #fff solid;
	   float:left;}
	   
#foot_logo{text-align: center;
           height:100px;
		   margin-top:50px;}
#foot3 p{}
	   
#foot4{width:100%;
       height:50px;
	   background-color: #C21D08;
	   line-height: 50px;
	   float:left;}

}
				   
/*---------------------------タブレットサイズ----------------------------*/

@media only screen and (min-width: 581px) and (max-width: 1023px) {
.brmini{display:none;}
#nav_pc{display:none;}
#home_topimg_small{display:none;}
#frame-pc{display:none;}
#frame-sp{display:none;}
    
#header{background: #fff;
        height:50px;
        width:100%;
        float:left;
         color:#fff;}
    
 #cont01{max-width:1023px;
         height:100%;
         clear: both;
         margin:0 auto;
         line-height: 100px;
         list-style: none;}


.logo{height:50px;
      line-height: 50px;
      width:50px;
      font-size:15px;
      display: inline;}
    
    .logo img{margin:10px;
              
              height:30px;
              float:left;}
    
.logotext{width:200px;
          color:#FFF;
          font-family:YuGothic, "Yu Gothic medium";
          font-weight:bold;
          float:left;}
    
/*ハンバーガーメニュー*/   
.hamburger-menu{z-index:10;}
.menu-btn {
    position: fixed;
    top: 0px;
    right: 10px;
    display: flex;
    height: 50px;
    width: 10%;
    float:left;
    justify-content: center;
    align-items: center;
    z-index: 90;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000B32;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check {
    display: none;
}
    
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
    
#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
}

/*装飾*/
.menu-content {
    width: 100%;
	max-width:350px;
    height: auto;
    position: fixed;
    top: 40;
    right: -100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #070F2A;
    transition: all 0.5s;/*アニメーション設定*/
}
    

    
.menu-content ul {
    padding: 0px 10px 0 ;
}
.menu-content ul li {
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 15px 2px 0;
    position: relative;
}

    
.menu__single{margin-top:15px;}
    
    .one{border-bottom: solid 1px #f0f0f0;
         color:#F0F0F0;
         font-weight: 800;
         font-size:14px;}

/*home top img*/
#result_topimg{width:100%;
	         height:261px;
	         background-image: url("img/result_top.jpg");
	         background-position: right;
	         background-size: cover;
	         background-color: #000;
	         background-repeat: no-repeat;
			 float:left;}
			 
#toptext{width:100%;
         margin-top:50px;
		 text-align: center;
		 position: relative;}
		 
#toptextbg{font-size:8em;
           color:#fff;}
		   
#bigtext{color:#fff;
		 text-align: center;
		 margin-top:-115px;}
		 
#bigtext span{background-color: #C21D08;
              padding:5px 10px;
			  font-size:1.4em;
			  letter-spacing: 15px;}
			  

/*事業案内 RESULTS*/

/*サブタイトル*/
.sbtitle{width:100%;
         float:left;
         margin:50px 0;
		 text-align: center;}
		  
.sbtitle1 span{font-size:2em;
               border-bottom:1px solid;
			   padding-bottom:5px;}
			   
.sbtitle2 span{font-size:1.2em;
               color:#C21D08;}
.sbtitle3 {font-size:25px;
               color:#C21D08;}
			   
/*No.*/
.num1{max-width:95%;
      margin:0 auto 250px auto;
	  clear:both;
	  }
	  
.num1-1{float:left;
        width:100%;
        height:70px;}
	  
.num1-2{float:left;
        width:20%;
		text-align: center;}
.num1-2 span{font-size:3em;
             color:#C21D08}

.num1-3{float:left;
        width:80%;
        line-height: 70px;}

.num1-3 span{font-size:1em;

             padding:10px 0 0 20px;}
			 
.num1-4{width:100%;
        float:left;
		height:100px;
        border-top:1px solid #C21D08;
		border-right:1px solid #C21D08;
		border-radius:0 200px 0 0;}
		
.num1-5{width:55%;
        float:left;
		height:200px;
		margin-top:-50px;
		margin-left:15%;}
		
.numicon{width:30%;
         float:left;
		height:200px;
		 text-align: center;
		 margin-top:-50px;}
	

.numicon img{width:40%;}


/*num2*/
.num2{width:100%;
      background-color:#000;
	  background-size: cover;
	  float:left;
	  padding:150px 0 0 0;}
	  
.num2base{max-width:95%;
          margin:0 auto 250px auto;
          clear:both;
          color:#fff;}
	  
.num2-1{float:left;
        width:100%;
        height:70px;}
	  
.num2-2{float:left;
        width:20%;
		text-align: center;}
		
.num2-2 span{font-size:2em;
             padding:10px;
             background-color: #C21D08;
			 border-radius: 100%;
             color:#fff;}

.num2-3{float:left;
        width:80%;
        line-height: 70px;}

.num2-3 span{font-size:1em;

             padding:10px 0 0 20px;}
			 
.num2-4{width:100%;
        float:left;
		height:100px;
        border-top:1px solid #C21D08;}
		
.num2-5{width:80%;
        float:left;
		height:250px;
		margin-top:-50px;
		margin-left:20%;}
		
		
/*CGI*/		
#frame-tl{overflow:hidden;
          width:100%;
	      float:left;
	      border: none;}
		  
.iframe{float:left;
	    width:100%;}

/*------会社概要------*/	
#company_topimg{width:100%;
	         height:261px;
	         background-image: url("img/c_top.jpg");
	         background-position: right;
	         background-size: cover;
	         background-color: #000;
	         background-repeat: no-repeat;
			 float:left;}
			 
#toptext-c{width:100%;
         margin-top:50px;
		 text-align: center;
		 position: relative;}
		 
#toptextbg-c{font-size:6.8em;
           color:#fff;}
		   
#bigtext-c{color:#fff;
		 text-align: center;
		 margin-top:-97px;}
		 
#bigtext-c span{background-color: #C21D08;
              padding:5px 10px;
			  font-size:1.4em;
			  letter-spacing: 15px;}
		
#com{width:98%;
     margin:0 1%}

.com1{width:100%;
      height:100px;
	  margin-top:150px;
	  clear:both;
      float:left;}
	  
.com1-1 span{font-size:1.5em;
             border-bottom:1px solid;
			 padding-bottom:5px;}
			 
#com1-2{width:100%;
     margin:50px 0;
	 clear:both;
	 padding:50px 0;
	 border-bottom:5px solid #C21D08;}
	 
#com1-2 span{font-size:0.9em;}

#right{margin-left:400px;}/*代表者名*/


/*companyテーブル*/
#com2{width:100%;
      margin:0 auto;
	  clear:both;}
	  
#com2-1{border:10px solid #C21D08;
        font-size:0.9em;}

#com2-1 dl {display: flex;
            flex-flow: row wrap;
            width: 100%;
			padding:-15px;
            background-color:#C21D08;}
			 
#com2-1 dt {
width: 11%;
padding:5% 2%;
text-align: center;
background-color: #f1f1f1;
border-right: 1px solid #C21D08;
border-bottom: 1px solid #C21D08;}

#com2-1 dd {
width: 80%;
padding:5% 2%;
background-color: #fff;
border-bottom: 1px solid #C21D08;}

@media screen and (max-width: 580px) {
#com2-1 dl {
flex-flow: column;}
}

#map{width:96%;
     margin:150px auto 0;}
	 
#mapframe{}

#com3-2{width:100%;
        margin:50px auto 150px auto;}
		
#com3-2 th,td{text-align: left;
              font-size:0.8em;
			  padding:10px 0;}

#com3-2 th span{background-color:#C21D08;
                padding:8px;
				color:#fff;}
				
#com3-2 td span{border-bottom:1px dotted #C21D08;
                padding:8px;}
			
/*フッター*/
#footer{width:100%;
        color:#fff;
		float:left;
		text-align: center;
        background-color: #000;}

#foot1{width:49.5%;
       height:250px;
       border-right:0.5px #fff solid;
	   float:left;}
	   
 #foot1 ul{margin:100px auto 0;}
 #foot1 li{list-style: none;}
 
#foot2{width:49.5%;
       height:250px;
	   float:left;}
	   
#mail-icon{margin-top:70px;}

#mail-icon img{width:60px;}
	   
#f2p{margin:10px auto;
     width:50%;
	 background-color: #C21D08;
	 padding:10px 0;
	 font-size:1.2em;}


#foot3{width:100%;
       height:250px;
	   border-top:1px #fff solid;
	   float:left;}
	   
#foot_logo{text-align: center;
           height:90px;
		   margin-top:50px;}
#foot3 p{}
	   
#foot4{width:100%;
       height:50px;
	   background-color: #C21D08;
	   line-height: 50px;
	   float:left;}


}


/*---------------------------スマホサイズ----------------------------*/

@media only screen and (max-width: 580px){
	
#nav_pc{display:none;}
#home_topimg_half{display:none;}
#frame-pc{display:none;}
#frame-tl{display:none;}
	
#header{background: #fff;
        height:50px;
        width:100%;
        float:left;}
    
 #cont01{max-width:1024px;
         height:100%;
         clear: both;
         margin:0 auto;
         line-height: 100px;
         list-style: none;}


.logo{height:30px;
      line-height: 10px;
      width:50px;
      font-size:15px;
      display: inline;}
    
    .logo img{margin:15px;
              height:20px;
              float:left;}
    
.logotext{width:200px;
          color:#FFF;
          font-family:YuGothic, "Yu Gothic medium";
          font-weight:bold;
          float:left;}
/*ハンバーガーメニュー*/   
.hamburger-menu{z-index:10;}
.menu-btn {
    position: fixed;
    top: 0px;
    right: 10px;
    display: flex;
    height: 50px;
    width: 10%;
    float:left;
    justify-content: center;
    align-items: center;
    z-index: 90;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000B32;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check {
    display: none;
}
    
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
    
#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
}

/*装飾*/
.menu-content {
    width: 100%;
	max-width:350px;
    height: auto;
    position: fixed;
    top: 40;
    right: -100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #070F2A;
    transition: all 0.5s;/*アニメーション設定*/
}
    

    
.menu-content ul {
    padding: 0px 10px 0 ;
}
.menu-content ul li {
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 15px 2px 0;
    position: relative;
}

    
.menu__single{margin-top:15px;}
    
    .one{border-bottom: solid 1px #f0f0f0;
         color:#F0F0F0;
         font-weight: 800;
         font-size:14px;}
    
/*home top img*/
#result_topimg{width:100%;
	         height:200px;
	         background-image: url("img/result_top.jpg");
	         background-position: right;
	         background-size: cover;
	         background-color: #000;
	         background-repeat: no-repeat;
			 float:left;}
			 
#toptext{width:100%;
         margin-top:50px;
		 text-align: center;
		 position: relative;}
		 
#toptextbg{font-size:4em;
           color:#fff;}
		   
#bigtext{color:#fff;
		 text-align: center;
		 margin-top:-64px;}
		 
#bigtext span{background-color: #C21D08;
              padding:2px 7px;
			  font-size:1.2em;
			  letter-spacing: 10px;}
			  
/*事業案内 RESULTS*/

/*サブタイトル*/
.sbtitle{width:100%;
         float:left;
         margin:50px 0;
		 text-align: center;}
		  
.sbtitle1 span{font-size:2em;
               border-bottom:1px solid;
			   padding-bottom:5px;}
			   
.sbtitle2 span{font-size:1.2em;
               color:#C21D08;}
			   
.sbtitle3 {font-size:25px;
               color:#C21D08;}
			   
/*No.*/
.num1{max-width:95%;
      margin:0 auto 250px auto;
	  clear:both;
	  }
	  
.num1-1{float:left;
        width:100%;
        height:70px;}
	  
.num1-2{float:left;
        width:20%;
		text-align: center;}
.num1-2 span{font-size:2em;
             color:#C21D08}

.num1-3{float:left;
        width:80%;
        line-height: 45px;}

.num1-3 span{font-size:0.8em;

             padding:10px 0 0 20px;}
			 
.num1-4{width:100%;
        float:left;
		height:100px;
        border-top:1px solid #C21D08;
		border-right:1px solid #C21D08;
		border-radius:0 50px 0 0;}
		
.num1-5{width:95%;
        float:right;
		margin-top:-80px;
		margin-left:5%;}
		
.num1-5 span{font-size:0.8em;}
		
.numicon{display:none;;}
	
			
/*num2*/
.num2{width:100%;
      background-color:#000;
	  background-size: cover;
	  float:left;
	  padding:150px 0 0 0;}
	  
.num2base{max-width:95%;
          margin:0 auto 250px auto;
          clear:both;
          color:#fff;}
	  
.num2-1{float:left;
        width:100%;
        height:70px;}
	  
.num2-2{float:left;
        width:20%;
		text-align: center;}
		
.num2-2 span{font-size:1.5em;
             padding:5px;
             background-color: #C21D08;
			 border-radius: 100%;
             color:#fff;}

.num2-3{float:left;
        width:80%;
        line-height: 70px;}

.num2-3 span{font-size:1em;

             padding:10px 0 0 20px;}
			 
.num2-4{width:100%;
        float:left;
		height:100px;
        border-top:1px solid #C21D08;}
		
.num2-5{width:95%;
        float:left;
		height:250px;
		margin-top:-50px;
		margin-left:5%;}
		
/*CGI*/		
#frame-sp{overflow:hidden;
          width:100%;
	      float:left;
	      border: none;}
		  
.iframe{float:left;
	    width:100%;}
		
		
/*------会社概要------*/	
#company_topimg{width:100%;
	         height:261px;
	         background-image: url("img/c_top.jpg");
	         background-position: right;
	         background-size: cover;
	         background-color: #000;
	         background-repeat: no-repeat;
			 float:left;}
			 
#toptext-c{width:100%;
         margin-top:77px;
		 text-align: center;
		 position: relative;}
		 
#toptextbg-c{font-size:3.8em;
           color:#fff;}
		   
#bigtext-c{color:#fff;
		 text-align: center;
		 margin-top:-60px;}
		 
#bigtext-c span{background-color: #C21D08;
              padding:4px 5px;
			  font-size:1.2em;
			  letter-spacing: 12px;}
		
#com{width:98%;
     margin:0 1%}

.com1{width:100%;
      height:100px;
	  margin-top:150px;
	  clear:both;
      float:left;}
	  
.com1-1 span{font-size:1.5em;
             border-bottom:1px solid;
			 padding-bottom:5px;}
			 
#com1-2{width:100%;
     margin:0 0 50px 0;
	 clear:both;
	 border-bottom:5px solid #C21D08;}
	 
#com1-2 span{font-size:0.9em;}

#right{margin-left:180px;}/*代表者名*/


/*companyテーブル*/
#com2{width:100%;
      margin:0 auto;
	  clear:both;}
	  
#com2-1{border:10px solid #C21D08;
        font-size:0.9em;
        text-align: center;}

#com2-1 dl {display: flex;
            flex-flow: column;
            width: 100%;
            background-color:#C21D08;}
			 
#com2-1 dt {
width: 100%;
padding:5% 0;
background-color: #f1f1f1;
border-right: 1px solid #C21D08;
border-bottom: 1px solid #C21D08;}

#com2-1 dd {
width: 100%;
padding:5% 0;
background-color: #fff;
border-bottom: 1px solid #C21D08;}


#map{width:96%;
     margin:150px auto 0;}
	 
#mapframe{}

#com3-2{width:100%;
        margin:50px auto 150px auto;}
		
#com3-2 th,td{text-align: left;
              font-size:0.8em;
			  padding:10px 0;}

#com3-2 th span{background-color:#C21D08;
                padding:8px;
				color:#fff;}
				
#com3-2 td span{border-bottom:1px dotted #C21D08;
                padding:8px;}

			
/*フッター*/
#footer{width:100%;
        color:#fff;
		float:left;
		text-align: center;
        background-color: #000;}

#foot1{width:100%;
       height:150px;
       border-bottom:1px #fff solid;
	   float:left;}
	   
 #foot1 ul{margin:50px auto 0;}
 #foot1 li{list-style: none;}
 
#foot2{width:100%;
       height:250px;
	   float:left;}
	   
#mail-icon{margin-top:70px;}

#mail-icon img{width:60px;}
	   
#f2p{margin:10px auto;
     width:50%;
	 background-color: #C21D08;
	 padding:10px 0;
	 font-size:1.2em;}


#foot3{width:100%;
       height:250px;
	   border-top:1px #fff solid;
	   float:left;}
	   
#foot_logo{text-align: center;
           height:70px;
		   margin-top:50px;}
#foot3 p{}
	   
#foot4{width:100%;
       height:50px;
	   background-color: #C21D08;
	   line-height: 50px;
	   float:left;}
		   
}