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


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;	
}
body {
font-family: heisei-mincho-stdn, serif;
font-style: normal;
font-weight: 300;
}

a{
	text-decoration: none;	
}
li{
	list-style: none;
}
h1,h2,p,.copyright{
color:#000;
font-weight: normal;	
}
.h5{
height: 5px;	
}
.h10{
height: 10px;	
}
.h20{
height: 20px;	
}
.h30{
height: 30px;	
}
.h50{
height: 50px;	
}
.h100{
height:100px;	
}
.text1{
font-size: 1.2em;    
line-height: 1.75;    
}
.text1 strong{
font-size: 1.5em; 
display: block;
}
.text2{
font-size: 1em;
text-align: left;
}
.text2 strong{
font-size: 1.5em; 
display: block;
text-align: center;
}
.text-shadow_b {
   text-shadow    : 
       1px  1px 0px #000,
      -1px  1px 0px #000,
       1px -1px 0px #000,
      -1px -1px 0px #000,
       1px  0px 0px #000,
       0px  1px 0px #000,
      -1px  0px 0px #000,
       0px -1px 0px #000;    
}
.text-shadow_w {
   text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;    
}
.border-box_r{
width: 100%;
border:2px solid #F23C13;
padding: 3%;    
background: #fff;    
}
.container1 {
max-width: 98%;
width: 100%;
margin: 0 auto;
text-align: center;	
padding: 0 2%;	
}
.container {
max-width:1170px;
width: 100%;
margin: 0 auto;
text-align: center;	
padding: 0 2%;	
}
.sp_l{
text-align: center;    
}
/*パンクズ */
.breadcrumb {
  margin-bottom: 3%;
margin-top: 3% 0;	
  padding-left: 1%;
  list-style: none;
text-align: left;
padding-top: 2%;  
}

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

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

.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb .item_text{
color: #055902;    
}
.breadcrumb li a {
  text-decoration: none;
  color: #000;/*色*/
}
.back1{
width: 100%;
height:auto;
 background-color: #f1f1f1;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");   
}
.back2{
width: 100%;
height:auto;
 background-color:rgba(2,51,115,0.05);
}
#vegas {
    width: 100vw;
    height: 100vh;
}
.slider {
  position   : relative;
  max-width  : 100%;
  height     : 100vh;
  margin     : auto;
  overflow   : hidden;
}
.slider .parallaxString{
  position   : absolute;
  padding    : 15px;
  color      : #fff;
  top        : 50%; /* absoluteにおける上下集中央寄せ */
  left       : 50%;
  transform  : translate(-50%,-50%);
  z-index    : 1;
}
.parallax {
/* パララックスをつくる部分 */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sp1,.sp2{
display: none;
}

.fullscreenmenu{
display: none;
}
.midashi{  
width: 100%;
text-align: center; 
display: block;
padding-left: 10px;   
 margin-bottom: 3%;  
}
.midashi img{
width: 10%;    
}
.midashi p{  
font-size: 2.5em;		
text-align:center;
letter-spacing: 2px;	
color: #023373;    
}
.midashi .small{
font-size:1em;
display:block;	
color:#0583F2;	
padding-top:0.5%;
padding-bottom: 0.5%;    
letter-spacing: 2px;   
text-align: center;
}
.sub_title{
font-size: 1.3em;
color: #333;    
text-align: left;
 position: relative;
  padding: 0.5rem 2rem;
  box-shadow: 2px 2px 5px #eee; 
 background: #fff;  
width: 95%; 
display: block;   
margin: 0 auto;
}
.sub_title:before {
  position: absolute;
  top: 4px;
  left: 10px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border-left: 10px solid #023373;
}
.flex-box{
width: 100%;
display: flex;	
flex-wrap:wrap;
justify-content:space-around;
align-items:flex-start;	
margin-top: 2%;
}
.flex-box2{
width: 100%;
display: flex;	
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;	
}
.flex-box3{
width: 100%;
display: flex;	
flex-wrap:wrap;
justify-content:space-between;
align-items:center;	
}
.slider1{
  width: 100%;
    height: auto;
    display: block;
    position: relative;
}
.slider1 img{
  width: 100%;
}
.slider1 p{
 font-size: 2em;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #fff;
    display: block;
}
.slider1 .border_bottom{
border-bottom: #fff solid 5px;
padding-bottom: 1%;    
}
@keyframes typing { from { width: 0; } }
@keyframes caret { 50% { border-color: transparent; } }
.top-slide{
width: 100%;
height: auto;
display: inline-block;
}

.top-slide p{
width: 100%;
border-right: .08em solid;
overflow: hidden;
font-size: 3.5em;
white-space: nowrap;
animation: typing 5s steps(30, end), caret .5s step-end infinite;
text-align: center;
color: #fff;	
text-shadow: 2px 2px 5px #000;	
letter-spacing:0.1em;	
position: absolute;
top: 50%;    
}
.top-slide .top-slide_text{
width: 100%;
border-right: .08em solid;
overflow: hidden;
font-size: 3.5em;
text-align: center;
color: #fff;	
text-shadow: 2px 2px 5px #000;	
letter-spacing:0.1em;	
}
.top_wrapper{
	width: 100%;
	position: relative;
}


.globalMenuSp, .navToggle{
	display: none;
}

.top{
width: 100%;
height: auto;
flex-wrap:wrap;	
display: flex;
justify-content:space-between;
align-items:center;	
padding:1% 2% 0 1%;    
}

.top .t-logo{
width:300px;		
}
.top .t-logo img{
width:100%;	
margin: 5px 0 ; 
}
.header_contact{
  width: 80%; 
}
.top .top-contact{
 width:100%;	  
display: flex;
justify-content:flex-end;
align-items:center;	    
}
.top .top-contact .t-tel{
 width:250px;	    
}
.top .top-contact .t-tel a{
font-size: 1.5em; 
    color: #000;
text-align: center;   
display: block;  
 transition: all 0.5s;   
}
.top .top-contact .t-tel a:hover{
    color: #999;  
   text-decoration: transparent; 
}
.top .top-contact .t-tel .fa-phone-volume{
font-size: 1.2em; 
    color: #0583F2;
}
.top .top-contact .t-tel a .con_ts{
font-size: 0.5em;  
display: block;   
padding-bottom: 1%;    
text-align: center;        
}

.m1 a{
color: #000;
width: 100%;
display: block;	
transition: color .3s, text-decoration .3s;		
font-size: 1em;
letter-spacing: 2px;	
  text-decoration: none;	
    font-weight: bold;
}

.m1 a::after {
  border-bottom: solid 1px #52B5F2;
  bottom: 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
    padding-top: 1%;
}
.m1 a:hover::after {
  width: 90%;
	display: block;
	margin: 0 auto;
}
.m1 .nav_ts{
display: block;
font-size: 0.7em;  
text-align: center;   
margin-top: 1%;  
color: #023373;    
}
.m1{
width: 100%;	
padding: 1% 2%;    
}
.m1 ul{
width: 100%;		
display: flex;
align-items:center;
justify-content:flex-end;	 
  margin-top: 2%;    
}

.m1 ul .b1{
font-size:1em;	
  display: inline-block;
  text-decoration: none;
transition: all 0.5s;
padding-left: 20px;   
}

.m1 ul a:hover{
color:#333;
text-decoration: transparent;	
}
.heading{
width: 100%;
height: auto;
display: block;  
padding: 10% 0 ;  
background:url("../img/background4.png");
background-size: contain;
background-position: center;
}
.heading .heading1{
width: 30%;
display: block;
margin: 0 auto;
}
.heading .text1{
width: 50%;
display: block;
margin: 0 auto;
}
/*====ボタン===*/
.btn .btn_text{
width: 100%;    
font-size: 1em;
color: #fff;     
transition: all 0.5s;  
padding: 2%;
display: block;
text-align: center;
border: 1px solid #fff;    
}
.btn .btn_text:hover{
border-radius: 20px;   
color: #fff;    
text-decoration: transparent;    
background: #2f50a3;   
 border: 1px solid #2f50a3;      
}


/*====あいさつ===*/
.greeting-box{
width:100%;
display: block; 
background-color: #f3f3f3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 padding: 5%;    
}
.greeting{
width: 70%;
display: block;
margin: 0;
box-shadow: 2px 2px 5px #eee; 
padding: 5%;  
background: #fff;  
position: relative;
}
.g-photo{
width: 30%;
position: absolute;
bottom: -50px;
right: -330px;    
}

.greeting .btn2 .btn_text2{
width: 50%;    
font-size: 1em;
color: #2f50a3;     
transition: all 0.5s;  
padding: 2%;
display: block;
text-align: center;
border: 1px solid #2f50a3;   
margin: 0 auto;
}
 .greeting .btn2 .btn_text2:hover{
border-radius: 20px;   
color: #fff;    
text-decoration: transparent;    
background: #2f50a3;   
 border: 1px solid #2f50a3;      
}
/*====コンテンツ===*/
.contents-box{
width: 100%;
height: auto;
display: flex;    
flex-wrap:wrap;
justify-content:space-between;
align-items:center; 
}
.contents{
width:calc(100% / 2);
position: relative;
background: #000; 
  overflow: hidden;
  cursor: pointer;
}
.contents img{
width:100%; 
opacity: 0.7; 
transition-duration: 0.5s; 
 object-fit: cover; 
margin-bottom: -3px; 
 display:table;   
}
.c-box{
width:100%;    
background: rgba(0,0,0,0.5); 
padding: 5%;
position: absolute;
color: #000;   
line-height: 200%; 
display: block;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) ;
display:table-cell;
 overflow:hidden;
}
.c-box p{
width: 100%;  
display: block;
    margin-left: auto;
    margin-right: auto ; 
    min-height: 150px;
}
.c-box a{
width: 100%;  
display: block;
    margin-left: auto;
    margin-right: auto 
}
.contents:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
    opacity: 0.9; 
}
/*====全ページ共通フッターメニュー===*/
.footer-contact{
width: 100%;
background: #656565; 
padding: 5% 0;   
background: url("../img/background1.jpg");
background-size: cover;
background-position: center;    
}

.contact-box img{
	width: 50%;
display: block;
margin: 0 auto;
}
.contact-box .footer-text{
	color: #fff;
	font-size: 1em;
	line-height: 1.75;
	width: 100%;
	display: block;
    padding: 3% 0;  

}
.contact-box .footer-text strong{
font-size: 1.3em;
display: block;    
}
.con-box{
width: 80%;
display:flex;
margin: 0 auto;	
flex-wrap:wrap;
justify-content:center;
align-items:center;    
}
.contact{ 
width:calc(100% / 3);
margin-top: 0.5%;
}
.contact a{
width:98%;	
display: block;
background:#243D7D;
color: #fff;    
margin: 1% auto;
padding: 2%;
transition: all 0.5s;	    
}
.contact a:hover{
background:#365ab7;
 text-decoration: transparent;   
}
.contact p{
width:98%;	
display: block;
background:#243D7D;
color: #fff;    
margin: 1% auto;
padding: 2%;
transition: all 0.5s;	    
}
.contact p:hover{
background:#365ab7;
 text-decoration: transparent;   
}
footer{
width: 100%;
height: auto;
display: inline-block;
text-align: center;	
padding:0;	

}
footer .copyright {
text-align: center;	
color: #fff;
padding: 1% 0 ;
display: block;	
font-size:0.9em;	
width: 100%;
margin: 0 auto;  
background: #023373;    
}

/*===========事業内容===========*/
.bus-box{
width: 100%;
height: auto;
display: block;    
}
.bus-box img{
width: 100%;
display: block;
margin: 2% auto;
}
.work-box{
width: 100%;
height: auto;
display: block;    
}
.w-photo{
width: calc(100% / 3)
}
.w-photo img{
width: 95%; 
margin: 3% auto 0;
display: block;    
}
.work-box .btn{
background: #0460D9;          
color: #fff;    
 font-size: 1em;  
margin: 1% auto 0;
cursor:pointer;  
padding: 1%;  
text-align: center;
width: 30%;
border-radius: 20px;    
transition: all 0.5s;	
display: block;    
}
.work-box .btn:hover{
background: #023373; 
 text-decoration: transparent;     
}
/*===========ご注文の流れ===========*/
.flow-box{
width: 100%;
height: auto;
display: block;    
}
.flow-title {
width: 100% ;
  position: relative;
  overflow: hidden;
  padding: 0.5rem 2rem 0.5rem 1rem;
  border: 2px solid #023373;
text-align: left;
background: #023373;    
font-size: 1.3em; 
color: #fff;    
margin-bottom:3%;  
line-height: 1.5;    
}

.flow-title :before {
  position: absolute;
  top: -150%;
  right: -50px;
  width: 200px;
  height: 400px;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #0460D9;
}

.flow-title .blue{
width: 300px;
  position: absolute;
  z-index: 1;
  top: 0;
  right:0;
  display: block;
  padding-top: 3px;
  padding-right: 16px;
  color: #fff;
    
}
.f-box{
box-shadow: 2px 2px 5px #eee;  
background: #fff;
padding: 3%;    
}
.flow-photo{
width: 40%;    
}
.flow-photo img{
width: 90%;    
}
.flow-text{
width: 60%;   
line-height: 200%;    
}
.flow-text .tel{
color: #F23C13;   
 font-size: 1.2em;  
margin-top: 3%; 
cursor:pointer; 
transition: all 0.5s;	
display: block;    
}
.flow-text .tel:hover{
opacity: 0.6;
text-decoration: transparent;    
}
.flow-text .fax{
color: #023373;   
 font-size: 1.2em;  
margin-top: 1%;     
cursor:pointer;     
}
.flow-text .btn a{
background: #0460D9;          
color: #fff;    
 font-size: 1em;  
margin: 1% auto 0;
cursor:pointer;  
padding: 1%;  
text-align: center;
width: 30%;
border-radius: 20px;    
transition: all 0.5s;	
display: block;    
}
.flow-text .btn a:hover{
background: #023373; 
 text-decoration: transparent;     
}
.flow_r .btn a{
background: #0460D9;          
color: #fff;    
 font-size: 1em;  
margin: 1%  0;
cursor:pointer;  
padding: 1%;  
text-align: center;
width: 50%;
border-radius: 20px;    
transition: all 0.5s;	
display: block;    
}
.flow_r .btn a:hover{
background: #023373; 
 text-decoration: transparent;     
}
/*===========採用情報===========*/
.recruit-box{
width: 100%;
height: auto;
display: inline-block;
}
.r-box{
 width: 100%;   
background: #fff;
padding: 5%;  
position: relative;       
}
.r-photo{
width:70%;  
}
.r-photo img{
width:100%; 
display: block;
margin: 0 auto;
}

.r-text{ 
position: absolute;
left: 300px;
bottom: 80px;  
background: rgba(255,255,255,0.7);    
padding: 2%;    
box-shadow: 2px 2px 5px #eee;      
}
.recruit-box table{
 width: 100%;
background: #fff;    
padding: 3%;    
}
.recruit-box table tr{
  border-bottom:solid 3px #fff;
 font-size: 1em;	
}

.recruit-box table th{
  width: 20%;
  border-bottom:1px solid #0460D9;    
 text-align:center;
 font-size: 1em;	      
color: #0460D9;
position: relative;
}

.recruit-box table td{
  text-align: left;
  border-bottom:1px solid #023373;
  padding:1% 3%;	
  font-weight: normal;	
  line-height: 1.75;
  font-size:1em;	
  width: 80%;	
color: #333333;	 
}
.flow-box_r ul {
  padding: 0;
}
.flow-box_r li {
  list-style-type: none;
}
.flow-box_r dd {
  margin-left: 0;
    text-align: left;
    line-height: 1.5;
}

.flow_r {
  border: 3px solid #eee;
    background: #fff;
    border-radius: 20px;
}
.flow_r > li {
  padding: 30px;
}
.flow_r > li:not(:last-child) {
  border-bottom: 3px solid #eee;
  position: relative;
}
.flow_r > li:not(:last-child)::before,
.flow_r > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow_r > li:not(:last-child)::before {
  border-width: 22px;
  border-top-color: #eee;
}
.flow_r > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #fff;
}
.flow_r > li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flow_r > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: #0460D9;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 1vw;
  text-align: center;
}
.flow_r > li dl dt .icon {
  font-size: 0.8em;
  color: #fff;
  background: #0460D9;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
}
.flow_r .tel{
color: #F23C13;   
 font-size: 1.2em;  
margin-top: 3%; 
cursor:pointer; 
transition: all 0.5s;	
display: block;    
}
.flow_r .tel:hover{
opacity: 0.6;
text-decoration: transparent;    
}
.flow_r .fax{
color: #023373;   
 font-size: 1.2em;  
margin-top: 1%;     
cursor:pointer;     
}

/*===========会社概要===========*/
.companyprofile-box{
width: 100%;
height: auto;
display: block;
z-index: 999;	  
}

.companyprofile-box .table{
  width:100%;
margin: 0;	
background: rgba(255,255,255,0.7);  
padding: 3%;    
border-radius: 20px;  
position: relative;
}
.companyprofile-box table{
 width: 100%;
}
.companyprofile-box table tr{
  border-bottom:solid 3px #fff;
 font-size: 1em;	
    
}

.companyprofile-box table th{
  width: 20%;
 background:#0460D9;
 text-align:center;
 font-size: 1em;	      
color: #fff;
position: relative;
}

.companyprofile-box table td{
  text-align: left;
  border-bottom:1px solid #fff;
  padding:1% 3%;	
  font-weight: normal;	
  line-height: 1.75;
  font-size:1em;	
  width: 80%;	
color: #333333;	 
    background: #f7f7f7;
}
.p_map-box{
width: 100%;  
position: relative;    
}
.p_map-box iframe{
height: 500px;    
}


/*===========お問合せ===========*/

.contact_form{
width: 100%;
height: auto;
display: block;     
}
.contact-text1{
 font-size: 1.3em;
line-height: 1.75; 
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 95%;
  text-align: center;    
}
.contact-text1 a{
color: #0460D9!important;     
transition: all 0.5s;   
display:block;
font-size: 1.3em;    
}
.contact-text1 a:hover{
color: #023373!important; 
text-decoration: transparent;    
}

.con-back{
width: 100%;  
height: auto;
display: block;
background: #fff;
padding: 5%;    
}
.c-tel{
width: 48%;
padding: 5%;   
display: block;
margin: 0 1%; 
border:5px solid #e6e6e6;
height: 200px;   
  position: relative; 
background-color: #f1f1f1;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
form{
	width: 100%;
	text-align: center;
}
.checkbox_text{
line-height: 1.75;
color: #333;	
}
.mailform {
width: 95%;
display: block;  
margin: 0 auto;
background: #fff;    
}
.mailform table{
width: 100%;  
}


.mailform table .blue1{
	background-color:#0460D9;
	color:#fff;
	font-size:0.8em;
	padding:2px 5px;
	margin-right: 5px;
}
.mailform table tr{
    width: 100%;
    
}
.mailform table th{
	font-size: 1em;
	text-align: left;
	color:#333;
	font-weight:300;
	border-bottom: 1px dotted #c1c1c1;
    width: 30%;
    padding: 2% 2%;

}

.mailform table td p{
	font-size: 1em;
	color:#000;
	font-weight:300;
	padding-top: 1%;
	line-height: 1.7;
}

.mailform table td{
font-size: 1em;
text-align: left;	
color:#333;
border-bottom: 1px dotted #c1c1c1;
padding: 2% 2%;
font-weight:300;
width: 70%;  
   
}


.textareatablearea{
width:100%;
}

textarea{
width:100%; 
height: 400px;    
}


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


.fm-text p{
	font-size: 1.1em;
	text-align: left;
	color:#333;
	line-height: 200%;
	font-weight:300;
    padding: 2%;
}
.form-button
{
margin: 10% 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;
    font-weight: bold;
    background: #0460D9;
	transition: all 0.5s;	
	font-weight:300;
    border:solid #0460D9 2px;
    border-radius: 50px;
}
.form-button button:hover{
    background: #fff;
     color:#0460D9;
	text-decoration: transparent;
}
.textarea, textarea, .dropdown {
    border-radius: 2px;
}
.led{
color: #D91604;	
}
select[type="text"]{
	width: 100%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
	background:#eff4fd;
	border:1px solid #fff;
     margin-right: 1%;
}  

button[type="submit"]{
	font-size:1.2em;
	padding: 10px;
}

input[type="checkbox"]{
	font-size:0.9em!important;
	border:1px solid #fff;	

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

.kojin{
width: 100%;
height: auto;
display:block;	
margin: 0 auto;
}
.kojin h3{
font-size: 1.2em;
margin-bottom: 1%;	
font-weight:300;
transition: all 0.5s;
padding: 1%;
text-align: left;	
background:#023373;
color:#fff;	 
font-weight:normal;    
border:1px #023373 solid;    
}
.kojin h3:hover{
color:#023373;	 
background:#fff;    
text-decoration: transparent;	
}
.kojin h4{
font-size: 1em;
text-align: left;
color:#023373;	
padding-bottom: 3px;	
font-weight:bold;
letter-spacing: 2px;
border-bottom: 1px dotted #023373;
padding: 1%;	
    
}
.kojin p{
font-size:0.9em;
line-height:200%;	
text-align: left;
font-weight: normal;
color:#333;	
font-weight:300;
letter-spacing: 2px;
padding: 1% 0;	
padding-left: 1%;	
}
#open1{
padding:1%;	
background: #f7f7f7;
}
.contact_tel a{
width: 70%;    
font-size: 1.5em;
background: #F23C13;
border-radius: 20px; 
color: #fff;   
display: block;  
margin: 0 auto;
padding: 1%;
transition: all 0.5s;	    
}
.contact_tel a:hover{
background: #c5310f; 
text-decoration: transparent;    
}
.contact_line{
width: 45%;
  background: rgba(242,183,5,0.7);     
    padding: 5% 0;   
display: block;
margin: 0 auto;
border-radius: 20px;     
}
.contact_line a{
width: 70%;    
background: #07b81a;
border-radius: 20px;   
 font-size: 1.5em; 
color: #fff;  
display: block;   
margin: 0 auto;    
padding: 1%;
transition: all 0.5s;	    
}
.contact_line a:hover{
background: #068a14; 
text-decoration: transparent;    
}
.banner2{
width: 100%;
height: auto;
display: block;     
}
.banner2 img{
width: 100%;
transition: all 0.5s;	
box-shadow: 3px 3px 5px #eee;    
border-radius: 20px;    
}
.banner2 img:hover{
opacity: 0.7;
text-decoration: transparent;   
box-shadow: 2px 2px 3px #eee;     
}

.banner3{
width: 100%;
height: auto;
display: block;   
background: rgba(242,183,5,0.1);     
}
.banner3 img{
width:70%;
display: block;
margin: 0 auto;
}



#mailform .in_box, #mailform textarea{
  	padding: 5px;
  	width: 100% !important;
  	border-radius: 0;
	-webkit-appearance: none;
	margin-bottom: 5px;
	background: rgb(239, 244, 253);
  	border: 1px solid rgb(255, 255, 255);
}





/* 20250826 Add */
.list table{
  width: 100%;
  background: #fff;
  margin-bottom: 30px;
}
.list table tr{
  border-bottom:solid 3px #fff;
  font-size: 1em;	
}

.list table th{
  width: 20%;
  padding: 10px;
  color: white;
  background-color: #0460D9;
  text-align:center;
  font-size: 1em;	      
  position: relative;
}

.list table td {
  padding: 10px;
}