tophtml {
  padding:30px;
  text-aligin:center;
}

.sample1 {
margin:5px; padding:5px; 
background-color:#ffff;
}

@media only screen and (max-width: 769px){
.navigation .drawer-button a {
    width: 36px;
    height: 36px;
    display: block;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #b7203b;
}
    
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 100%;
	border: 1px solid #ddd;
	font-size: 105%;
	padding: 0.5em;
}

@media only screen and (max-width: 769px){
p {font-family: "ＭＳ ゴシック",sans-serif; }
  }
  
 @media only screen and (max-width: 769px){
.content .pad {
    padding: 10px;
}
   
 .ghost_title a {
    display: inline-block;
    margin-top: 20px;
    padding: 15px;
    border: 3px solid;
    color: #fff;
    background-color: transparent;
    text-shadow: none;
}
   
   @media only screen and (max-width: 769px){
.image-container {
    height: 200px;
}
     
@media only screen and (max-width: 769px){
#drawer .drawer-button a {
    width: 30px;
    height: 30px;
    display: block;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    background-color: #b7203b;
}
  
 @media only screen and (max-width: 769px){
.freespace-pad, .widget_mt_posts {
    padding: 1px  0px 0px 0px;
}
   
  .eyecatch-style-1 .eyecatch_title {
    font-size: 18px;
    padding: 10px;
    font-weight: 600;
    text-align: center;
    color: black;
}
   
  .eyecatch-style-1 .eyecatch_content {
    font-size: 14px;
    padding: 10px;
    text-align: left;
}
   
 .aricle-readmore a, .eyecatch_link a {
    margin: 40px 30% 50px;
    display: inline-block;
    padding: 20px;
    text-align: center;
    border: rgba(39,39,39,0.30) 1px solid;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    color: rgba(88,88,88,1.00);
}
   
   .eyecatch-style-1 .eyecatch_description {
    font-size: 14px;
    padding: 10px;
    line-height: 1.6em;
}
   
   .eyecatch-style-1 .eyecatch_title {
    font-size: 18px;
    padding: 10px;
    font-weight: 600;
    color: black;
}
   
   
   
  @media only screen and (max-width: 769px){
 .custom-header-media {
    height: 50vh;
}
}
   
 @media only screen and (max-width: 769px){
   .bg_image {
    background-size: cover;
    height: 60vh;
    width: auto;
    background-position: center top;
}
   }
   
   
@media only screen and (max-width: 739px){
.widget_text .textwidget p{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px
	}}
   
  .footercontainer{
    display: flex;
}
.left{
    width: 800px;
}
.contents{
    flex: 3;
}
   .fb_iframe_widget {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
   
  @media only screen and (max-width: 769px){
.image-container {
    height: 100%;
	}}
   
   .toptext {
    text-align: center;
    font-size: 28px;
    line-height: 1.5;
    padding: 30px;
}
   
   @media only screen and (max-width: 769px){
.nav {
    background-color: #444;
  text-align: center;
     }}
   
   
    
   @media only screen and (max-width: 769px){
.custom-header-media {
    height: 59vh;
   top: 10%;
    left: 0;
    right: 0;
    margin: auto;
	}}

   @media only screen and (max-width: 769px){
.bg_image {
    background-size: cover;
    height: 59vh;
    width: auto;
   top: 10%;
    left: 0;
    right: 0;
    margin: auto;
     }}
   
@media only screen and (max-width: 769px){
.subtitle {
  display: contents;
    font-size: 20px;
}
   }
   
   
@media only screen and (max-width: 769px){
	.recruit typesquare_tags{
		width:100%;
	}}
   
   
 #oderimg{
   margin-bottom: 0px;}