@charset "UTF-8";
/* CSS Document */


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;	
}
body {
width: 100%;    
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: 400;  
color: #665c54;    
}
.sp,.tb,.f-con_sp{
display: none!important;
}

.sp_l{
text-align: center;
}
.fullscreenmenu{
display: none;
}
	.h100{
height: 100px;		
	}
	.h50{
height: 50px;		
	}
	.h30{
height: 30px;		
	}	
	.h20{
height: 20px;		
	}
	.h10{
height: 10px;		
	}
a{
	text-decoration: none;	
}
li{
	list-style-type: none;
}
h1,h2,p,.copyright{
font-weight: 400;	
}
.tyuki{
font-size: 0.9em;
 color: #fb6442;
display: block;    
}
.text1{
font-size: 1em;  
line-height: 200%;    
}
.text1 strong{
font-size: 1.3em;    
font-weight: 400;    
}
.text-shadow_w{ 
  text-shadow: 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;   
    } 
.text2{
font-size: 1.3em;      
}
.background1{
background: #fbf9f7; 
}


.background4{
background: rgba(140,3,3,0.03);		
}
.container{
max-width: 1420px;
width: 100%;
margin: 0 auto;	
}


.sp1,.sp2{
display: none;
}

.flex-box1{
width: 100%;
height: auto;
display: flex;    
flex-wrap:wrap;
justify-content:space-between;
align-items:center;    
}
.flex-box2{
width: 100%;
height: auto;
display: flex;    
flex-wrap:wrap;
justify-content:center;
align-items:center;    
}
.flex-box3{
width: 100%;
height: auto;
display: flex;    
flex-wrap:wrap;
justify-content:flex-end;
align-items:flex-start;    
}

/*パンクズ */
.breadcrumb {
  list-style: none;
 position: absolute;
  bottom: 2px;
  left: 5%;
  width:90%;
  text-align: center;/*一応BOX内の文字も中央寄せ*/   
padding: 1%;
border-radius: 50px;     
text-align: left;  
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
font-size: 0.8em;
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
 color: #665c54;  
}

.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb .item_text{
color: #665c54;    
}
.breadcrumb li a {
  text-decoration: none;
  color: #665c54;/*色*/
}
.main_wrapper{
margin: -150px auto 0;
 max-width: 1170px;
width: 100%;
background: #fff;    
padding: 2%; 
z-index: 100;      
}

/*スクロールダウン全体の場所*/
.scrolldown2{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:10px;
	left:50%;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}
.breadcrumb .fa-home{
color:#BF0404; 	
}


.top_wrapper{
	width: 100%;
    height: auto;
    display: block;

}

.midashi h2{
font-size: 3em;		
text-align: left;
letter-spacing: 5px;
    font-weight: 500!important;
    color: #665c54;  
      text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;  
}
.contener{
width: 90%;
display: block;
margin: 0 auto;
}
.midashi .small{
font-size: 0.5em;
display:block;	
padding-top:0.3%; 
letter-spacing: 1px;    
}
.midashi .border-bottom{
border-bottom: 3px solid #FFCA51;  
padding: 1% 0;    
}
.midashi-left{
padding-left: 1%;    
}
.midashi p{
font-size: 1.5em;	
text-align: left;
letter-spacing: 5px;	
 font-weight:500!important;  
  text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;      
}

.midashi .border-bottom{
border-bottom: 3px solid #FFCA51;  
padding: 0.5% 0;    
}
.midashi .icon1{
width: 50px;
vertical-align: middle;  
padding: 5px;    
}

.heading h3{
font-size: 1em;
line-height: 200%;    
color: #665c54;    
}
.heading strong{
font-size: 1.5em; 
display: block;  
border-bottom: dashed 2px #05C7F2;
padding-bottom: 2%; 
color: #05C7F2;
font-weight:500;    
}
header{
    width: 100%;
    position:sticky;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.9);
}
.top{
width: 100%;
height: auto;	
justify-content:flex-start;
align-items:center;
}

.globalMenuSp, .navToggle{
	display: none;
}

.top_menu{
width: 100%;
height: auto;
}

.top_menu .menu_t{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}

.top_menu .menu_t .logo{
width: 20%;	
}
.top_menu .menu_t .logo img{
width:100%;	
display: block;
padding: 0 2%;    
}

.top-con {
width: calc(30% / 2);    
margin-bottom: 10px;
padding-right: 5px;   
    
}

.top-con .t-tel{
background: #F28705; 
display: block;    
border-radius:0 0 10px 10px;    
padding:3% 1%;
text-align: center; 
transition: all 0.5s;
font-size: 1.2em;
color: #fff;       
}
.top-con .t-tel:hover{
background: #f49e35;    
text-decoration: transparent;     
}
.top-con .t-mail{
 background: #05C7F2;
display: block;    
border-radius:0 0 10px 10px;    
padding:3% 1%;
text-align: center; 
font-size: 1.2em;
color: #fff; 
transition: all 0.5s;    
}
.top-con .t-mail:hover{
background: #0597F2;    
text-decoration: transparent;     
}



.top-nav{
width: 50%;  
padding-right: 3%;    
}
.top-nav .global-nav li a{
color: #333;
transition: all 0.5s;    
}

.top-nav .global-nav{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
    
}
.top-nav .global-nav .n1{
 width: calc(100% / 6) ;      
  transform: skewX(150deg);  
  border-left: 1px solid #ddd;  
text-align: center;    
}

.b1{	
  display: block;
  transform: skewX(-150deg);       
}
.n1+.n1{
    border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
 border-left: 0;      
 transform: skewX(-150deg); 
}

.global-nav .small{
display: block;
font-size: 0.8em;
color: #05C7F2;
padding: 1% 0;   
transition: all 0.5s;	    
}



.index .global-nav>.nav-index .b1>a .small,
.campany .global-nav>.nav-campany .b1>a .small,
.service .global-nav>.nav-service .b1>a .small,
.recruit .global-nav>.nav-recruit .b1>a .small,
.works .global-nav>.nav-works .b1>a .small,
.voice .global-nav>.nav-voice .b1>a .small{
color: #015285;
}
 

/*====ご挨拶===*/
.news_w{
width: 100%;    
display: block;
height: auto;     
}
.img_pr{
width: 100%;
position: relative;
}
.img1{
 width: 20%;
position: absolute;
top: 0;
left: 5%;  
z-index: -1;    
}
.img2{
 width: 20%;
position: absolute;
top: 0;
right: 8%; 
z-index: -1;      
}
.img3{
 width: 10%;
position: absolute;
bottom: 0;
left: 8%;   
z-index: -1;      
}
.img4{
 width: 20%;
position: absolute;
bottom: 0;
right: 5%;    
z-index: -1;      
}
.img5{
 width: 10%;
position: absolute;
top: 30%;
left: 5%;   
z-index: -1;      
}
.img6{
 width: 20%;
position: absolute;
top: 30%;
right:8%;    
z-index: -1;      
}
.greeting-box{
width: 100%;
height: auto;
display:block;   
    position: relative;
}
.greeting-text2{
width: 30%;    
position: absolute;
top: -5%;
left: 35%;    
}
.greeting-p{
width: 30%;  
}
.greeting-p img{
width: 100%;  
 border-radius: 50%;   
border:#0597F2 solid 3px;
}
.greeting-p1{
width: 30%;  
}
.greeting-p1 img{
width: 100%;  
 border-radius: 50%;   
border:#0597F2 solid 3px;
}
.greeting-t{
width: 70%;  
padding: 5%;  
background: rgba(255,255,255,0.7);    
border-radius: 30px;    
}
.greeting-t1{
width: 70%;  
padding: 5%;  
background: rgba(255,255,255,0.7);    
border-radius: 30px;    
}
.greeting-text{
font-size: 1em;
line-height: 200%;    
color: #665c54;    
}
.greeting-text strong{
font-size: 1.5em; 
display: block;  
border-bottom: dashed 2px #05C7F2;
padding-bottom: 2%; 
color: #05C7F2;
font-weight:500;    
}
.greeting-text .syomei{
text-align: right;
display: block;    
}
.gree-p_flex1{
position:  absolute;
top: -40%;
right: 5%;
width: 15%; 
z-index: -1;      
}
.gree-p_flex1 img{
width: 100%;
border:#0597F2 solid 3px;
border-radius: 50%;     
}
@keyframes bg_slide {
    100% {
        transform-origin: left top;
        transform: scaleX(1.0);
    }
    0% {
        transform-origin: left top;
        transform: scaleX(0.0);
    }
}

.group-box{
width: 100%;
height: auto;
display:block;  
background: #fbf9f7;    
}
.group-box2{
width: 100%;
height: auto;
display:block;  
background:url("../img/back1.jpg");
background-size: 50%;
background-position: center;    
}
.group-box h2{
text-align: center;    
}
.group{
width: 100%;
height: auto;
padding:1% 5%;    
}
.group .g-box{
width: 100%; 
background:#fff;  
display: block;
border-radius: 10px;    
position: relative;    
}
.g-text1{
position: absolute;
top:-5%;
left: 50%;    
  -webkit-transform : translateX(-50%);
  transform : translateX(-50%); 
width: 100%;  
text-align: center;    
}
.g-text1 p{
font-size: 2em;
font-weight:500;  
letter-spacing: 1px;    
}
.g-text2{
width: 100%;  
padding-top: 2%;   
}
.g-text2 p{
font-size: 1.5em;
font-weight:500;  
letter-spacing: 1px;    
text-align: center;    
}
.group-photo1{
width: 60%;  
margin: 0 auto;
}
.group-photo1 img{
width: 90%; 
margin: 0 auto;
display: block;    
}
.group-flex{
width: 70%;
display: flex;  
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
margin: 0 auto;
padding: 2%;       
}

.group-btn{
width: 50%;    
}
.group-btn a{
width: 90%;   
display: block;  
padding: 1em 1%;  
margin: 0 auto; 
}
.text_b{
color:#F28705;
font-size: 1.8em;    
}
.group .group-text strong{
font-size: 1.2em;
padding: 1% 0 2%;   
    
}
.group .group-text {
font-size:1em;
text-align: left;
line-height:200%;
margin: 0 auto;
display: block; 
width: 100%;      
}
.group .group-text2 {
font-size:0.9em;
text-align: left;
line-height:1.5;
margin: 0 auto;
display: block; 
width: 100%;      
}
.group-icon{
 width: calc(100% /6) ;       
}
.group-icon img{
width: 90%; 
background: #fbf9f7;  
margin:0 auto;
display: block;    
}
.group-icon p{
text-align: center;
font-size:1em;
padding: 2% 0;    
}
.wrap2 {
  display: flex;
  align-items: center;
 height: 300px;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.slideshow {
  display: flex;
  animation: loop-slide 20s infinite linear 1s both;
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.content {
  width: 300px;
  height: 200px;
}
.content:nth-child(1) {
  background:url("../img/top1.jpg");
    background-size: cover;
    background-position: center;
}
.content:nth-child(2) {
  background:url("../img/top2.jpg");
    background-size: cover;
    background-position: center;
}
.content:nth-child(3) {
  background:url("../img/top3.jpg");
    background-size: cover;
    background-position: center;
}
.content:nth-child(4) {
  background:url("../img/top4.jpg");
    background-size: cover;
    background-position: center;
}
.content:nth-child(5) {
  background:url("../img/recruit1.jpg");
    background-size: cover;
    background-position: center;
}
.slide-paused:hover .slideshow {
  animation-play-state: paused;
}
.border_b{
border-bottom: dotted 2px #665c54; 
display: block;   
font-size: 1.2em;    
}
.border_g{
border:2px solid #89d19f;   
border-radius: 33% 37% 24% 46%/33% 48% 22% 45%;  
padding: 1em;   
}
.mt{
margin-top: 20%;    
}
.mb{
margin-bottom: 20%;    
}
.group-p{
width: 35%; 
border-radius: 10%;    
border:#f49e35 solid 3px;  
    
}
.group-p img{
width: 100%; 
 
}

.group-text{
padding-top: 2px;
}

.btn{
width: 50%;
margin: 1% 0;
font-size: 1.2em;    
}
.b_w1{
 width: 50%;   
}
.b_w2{
 width: 30%;   
}
.b_w3{
 width: 25%;   
}
.back_orange{     
 background: #F28705;      
border-radius: 50px;
 color: #fff;   
vertical-align: middle; 
transition: all 0.5s;  
text-align: center;
padding: 2% 0;  
display: inline-block;  
margin-left: 3px;    
}
.back_orange:hover{ 
 background: #f49e35; 
text-decoration: transparent;    
}
.back_blue{      
 background: #05C7F2;      
border-radius: 50px;
 color: #fff;   
vertical-align: middle; 
transition: all 0.5s;  
text-align: center;
padding: 2% 0;  
transition: all 0.5s;  
float: right;  
display: block;    
}

.back_blue:hover{ 
 background: #0597F2;
text-decoration: transparent;    
}

.back_blue2{      
 background: #05C7F2;      
border-radius: 50px;
 color: #fff;   
vertical-align: middle; 
transition: all 0.5s;  
text-align: center;
padding: 1% 0;  
transition: all 0.5s;  
float: right;  
display: block;    
}

.back_blue2:hover{ 
 background: #0597F2;
text-decoration: transparent;    
}
/*====全ページ共通フッターメニュー===*/
footer{
width: 100%;
height: auto;
display:block;
text-align: center;	
margin: 0 auto;
background: url("../img/back1.jpg");
background-size: cover;
background-position: center; 
padding: 3% 0 0;    
}
.f-border_b{
height: 1px;
width: 100%;
background: #665c54;    
}
footer .footer-box{
width: 70%;
height: auto;
display: block;   
margin: 0 auto;    
}
.f-contact_text{
font-size: 1em;
line-height: 1.75;
color: #fff;    
}
.f-con{
  width: calc(100% /2) ;      
}
.f-con img{
width: 80%;
display: block;
margin: 0 auto;
}
.f-con-btn{
width: 80%;
display: block;
margin: 0 auto;
}
.f-con-btn a,.f-con-btn p{
font-size: 1.2em;
color: #fff;
border: #fff solid 2px;
width: 70%;
border-radius: 20px; 
display: block;
padding: 2% 1%;   
margin: 2% 0;   
transition: all 0.5s;    
}
.f-con-btn a:hover,.f-con-btn p:hover{
font-size: 1.2em;
color: #D0EFF2;
border: #D0EFF2 solid 2px; 
text-decoration: transparent;    
}
footer .copyright small{
text-align: center;	
color:#fff;
padding:1%;
display: block;	
background:#05C7F2;     
}

/*===========会社概要===========*/
.company_table{
width: 100%;
padding: 3%;  
background: #fff;
}

.company_table tr{
width: 100%;    
}
.company_table th{
width: 40%;	
text-align: center;
padding: 1%;
font-size: 1em;	
color: #fff;
background:#05C7F2; 
font-weight: 500;    
}

.company_table td{
width: 60%;	
text-align: left;
padding: 1%;
line-height: 1.75;	
font-size:1em;
color: #665c54;    
border-bottom: 1px solid #ddd;    
}
.map{
width: 100%;    
}
.map iframe{
height: 400px;    
}
/*===========サービス内容===========*/
.service-box1{
width: 30%;    
}
.service-box1 img{
width: 100%;    
}
.service-box2{
width: 70%; 
padding: 2%;    
}
.service_text{
font-size: 1em;  
  line-height: 200%;  
       
}
.service_text strong{
font-size: 1.5em;    
display: block;
color: #2a8bcc; 
border-bottom: solid 1px #2a8bcc;
padding: 1% 0;  
margin: 1% 0;      
}
/*===========求人===========*/
.recruit_table{
width: 100%;
padding: 3%;  
background: #fff;
}

.recruit_table tr{
width: 100%;    
}
.recruit_table th{
width: 40%;	
text-align: center;
padding: 1%;
font-size: 1em;	
color: #fff;    
background: #05C7F2; 
 font-weight: 500;   
}

.recruit_table td{
width: 60%;	
text-align: left;
padding: 1%;
line-height: 1.75;	
font-size:1em;
color: #665c54;    
border-bottom: 1px solid #ddd;    
}
.accordion-area{
    list-style: none;
    width: 100%;
    margin:0 auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
background: #fff;
border-radius: 20px;    
}

/*アコーディオンタイトル*/
.r-title {
    cursor: pointer;
    font-size:1rem;
    transition: all .5s ease;
    color: #2a8bcc;
    font-weight:500;
}

/*アコーディオンで現れるエリア*/
.r-box {

}
/*===========施工実積・お客様の声===========*/
.works{
width: 100%;
}
.works-box{
width: 45%;    
}
.fa-arrow_right{
width: 10%;    
text-align: center;
font-size: 3em;    
}
.works-box img{
width: 100%;    
}
.voice{
width: 100%;
height: auto;    
}
.voice-box1{
width: 30%;    
}
.voice-box1 img{
width: 100%;    
}
.voice-box2{
width: 70%;
padding: 2%;    
}
.voice_text{
font-size: 1em;  
  line-height: 200%;  
    
}
.voice_text strong{
font-size: 1.5em;    
display: block;
color: #2a8bcc; 
border-bottom: solid 1px #2a8bcc;
padding: 1% 0;  
margin: 1% 0;     
}
/*===========お問い合わせ===========*/

.contact-wrapper{
width: 100%;
height: auto;
display: block;   
margin: 0 auto;
}
.contact2{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
margin: 5% auto;
}
.contact-box1{
width: calc(100% / 2);
padding: 2%;     
}
.contact-back1{
background: #fff; 
border-radius: 33% 37% 24% 36%/33% 38% 22% 35%;  
padding: 5%;   
position: relative;
z-index: 3;    
}
.contact-text2{
width: 15%;    
position: absolute;
top: -5%;
left: 15%;    
}
.con
.con-btn{
width: 100%;    
}
.con-btn a{
width: 50%;  
border-radius: 50px;
color: #fff;
display: block;
margin: auto;
padding: 3% 2%;   
text-align: center; 
font-size: 1.2em;    
transition: all 0.5s;    
}
.daiti_b{
background: #fcbd8c;    
}
.raporu_b{
background: #67d0db;    
}

.con-btn a:hover{
 background: #665c54;
text-decoration: transparent;    
}
.contact-box2{
width: 50%;	
}
.contact-box2 p{
font-size: 1.4em;
color: #fff;
font-weight:500;
background:	#03A678;
height: 120px;	
line-height: 120px; 
text-align: center;    
}
.contact-box2 .small-text{
display: block;
font-size:0.7em; 
 color: #fff;   
}
.table1 table .red-c{
font-size: 0.8em;
background:#E22247; 
color: #fff;    
padding: 1%;	
    text-align: center;
    font-weight:500;
}
.contact-box2 a{
font-size: 2.1em;
color:#03A678; 
font-weight:500;	
background:	rgba(255,255,255,0.8);	
display: block;	
height: 120px;	
line-height: 120px;
transition: all 0.5s;
text-align: center;       
}
.contact-box2 a:hover{
opacity: 0.7;
text-decoration: transparent;	
}


form{
	width: 100%;
	text-align: center;
}
.checkbox_text{
line-height: 1.75;
color: #333;	
}
.table1{
width: 100%;
background: rgba(42,139,204,0.1);	
padding: 5%;    
}
.table1 table{
width: 100%;	
}
.contact-text1 .orange{
	background-color:#fb6442;
	color:#fff;
	font-size:0.5em;
	padding:0.3%;
	margin-left: 5px;
      border-radius: 10px;
    font-weight:400;
}
.table1 .w30{
width: 30%;
margin-bottom: 2%;	
}
.table1 table .orange{
	background-color:#fb6442;
	color:#fff;
	font-size:0.8em;
	padding:1%;
	margin-right: 5px;
    border-radius: 10px;
    font-weight:400;
}
.table1 table .grey{
	background-color:#665c54;
	color:#fff;
	font-size:0.7em;
	padding:1%;
	margin-right: 5px;
      border-radius: 10px;
    font-weight:400;
}
.table1 table tr{
}

.table1 table th{
	font-size:1em;
	text-align: left;
	color:#333;
	font-weight:500;
	padding-left: 2%; 
    border-bottom: 1px dotted #b0b0b0;
}

.table1 table td p{
	font-size: 1em;
	color:#665c54;
	font-weight:400;
	padding-top: 1%;
	line-height: 1.7;
}
.table1 table td img{
width:100%;	
margin-top: 1%;	
border-radius: 50px;	
}
.table1 table td{
font-size: 1em;
color:#333;
padding: 2% 1%;
font-weight:400; 
width: 70%; 
border-bottom: 1px dotted #b0b0b0;    
text-align: left;
}

.table1 table td iframe{
height: 400px;	
}

.textareatablearea{
width:100%;
}

textarea{
width:100%;
height: 400px
}
.mailform dd p{
	margin-top: 1%;
	font-size:1.1em;
	color:#333;
	letter-spacing: 4px;
	font-weight:300;
	line-height: 1.75;
}

.single p{
	text-align: center;
	color:#333;
	font-weight:300;
}


.fm-text p{
	padding-bottom: 30px;
	font-size: 1.1em;
	text-align: left;
	color:#333;
	line-height: 200%;
	font-weight:300;
}
.form-button
{
margin: 5% 0;
text-align: center;
}

.form-button button {
    cursor: pointer;
    display: block;
    margin: 0 auto 5px;
    padding: 10px 0 10px;
    color: #fff;
    text-align: center;
    width: 250px;
    background: #05C7F2;
	transition: all 0.5s;	
	font-weight:400;
    border-radius: 50px;
    border:1px solid #05C7F2;
}
.form-button button:hover{
    color: #05C7F2;
     background: #fff;
	text-decoration: transparent;
}
.textarea, textarea, .dropdown {
    border-radius: 2px;
}
.contact_tel{
width: 30%;
height: auto;    
display: block;    
margin: 0 auto;
border-radius: 20px;
overflow: hidden;    
}
.contact_tel p{
font-size: 1.2em;  
padding: 1% 0;   
font-weight: 500;
background: #fff;    
}
.contact_tel a{
font-size: 2em; 
color: #fff;
background:#f28705;
padding: 2%;  
display: block;
transition: all 0.5s;    
}
.contact_tel a:hover{
background:rgba(242,135,5,0.5); 
text-decoration: transparent;    
}
button[type="submit"]{
	font-size:0.8em;
	padding: 10px;
}

input[type="checkbox"]{
	font-size: 1em;
	margin-left: 2%;
	margin-bottom: 2%;
	border:1px solid #bababa;	
    text-align: left;
}
input[type="text"]{
	width: 100%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
	background:#fff;
	border:1px solid #bababa;
}
input[type="tel"]{
	width: 100%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
	background:#fff;
	border:1px solid #bababa;
}
input[type="email"]{
	width: 100%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
	background:#fff;
	border:1px solid #bababa;
}
textarea[type="text"]{
padding: 10px;	
font-size: 1em;	
background:#fff;	
border:1px solid #bababa;	
}

.kojin{
width: 100%;
height: auto;
display:block;	
margin: 0 auto;
background: rgba(255,255,255,0.7);    
padding: 3%;    
}
.kojin h3{
font-size: 1.2em;
margin-bottom: 1%;	
transition: all 0.5s;
padding: 1%;
text-align: left;	
color: #05C7F2;	
font-weight: 500;    
}
.kojin h3:hover{
text-decoration: transparent;	
background:rgba(5,199,242,0.1);
}
.kojin h4{
font-size: 1.1em;
text-align: left;
color:#05C7F2;	
padding-bottom: 3px;	
letter-spacing: 2px;
border-bottom: 1px solid #05C7F2;
padding-left: 1%;
font-weight: 500;      
}
.kojin p{
font-size:0.9em;
line-height:200%;	
text-align: left;
color:#333;	
font-weight:400;
letter-spacing: 2px;
padding: 1% 0;	
padding-left: 1%;	
}
#open1{
padding:3%;	
background: #fff;
}