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

/*
* CONTENT　　共通部分
******************************************************/
.col01-common-title__wrapper {
  display: block;    
    width: 100%;
    max-width: 750px;
    margin: 20px auto 20px;	
  
  }
  .col01-common-title {
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: 2px;
    padding:30px 0 0 0;
    text-align:left; 
  }
  
  
  .heading-text{
    font-size: 1.8rem;
      margin:20px 20px; 
      text-align: left;
  }
  
.top_tit{
  padding:0 20px;
  }

  
  
  
  


.contact__title {
  margin-top: 10px;
  padding: 10px 0 0px 10px;
  background: url('../img/common/deco_flag.png') no-repeat;

}
.contact__title h1 {
  display: inline-block;
  line-height: 1;
  font-size: 3.5rem;
  letter-spacing: 0.15em;
  font-weight: 500;
}
.contact__title h1 span {
  font-size: 1.1rem;
  letter-spacing: 0.2em;
  color: #777;
  padding-left: 15px;
}
.contact__title h2 {
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 5px;
  padding: 0 0 60px 0;
}
.contact__description p {
  font-size: 1.5rem;
}


.contact__container {
  width:100%;
  max-width: 900px;
  margin:auto;
}


.contact-list__wrapper {

  width:100%;
  background-color: #f3f3f3;
    margin: 10px 0 0 0 ;
  padding: 60px 0 60px 0;
}
@media screen and (max-width:768px) {
  .contact-list__wrapper {
    padding: 5px 0;
  }
}



/* con_nav-menu */



  .con_nav-menu {
    margin: 0;
    letter-spacing: 0.2rem;
    padding: 30px 20px 0 20px;
  }
  .con_nav-menu ul {  
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%; 
  }
  .con_nav-menu li {
    font-size: 1.6rem;
    width: calc(93% / 4);
    text-align: center;
    letter-spacing: 0.25em;
    margin-bottom: 5px;
    margin-right: 0;
  }
  .con_nav-menu li:not(:first-of-type) {
    margin-left:0;
  }
  .con_nav-menu li a {
    display: block;
    background: #666;
    border: 1px solid #666;
    border-radius: 2px;
    color: #fff;
    padding: 12px 0;
  }
  .con_nav-menu li.button-selected a,
  .con_nav-menu li a:hover {
    display:block;
  	border: 1px solid #cb4545;
  	border-radius: 2px;
  	color:#FFF;
    background:#cb4545;
  	opacity: 1;
    padding: 12px 0;
  }
div#wrapper div#header h2 {
	font-size: 24px;
	padding: 0.6em 0 0.4em 0;
	margin: 0;
	line-height: 1em;
/*	background: url(_images/logo-touch-icon.png) no-repeat left center;*/
	background-size: 1.5em 1.5em;
	text-shadow: 0 2px 0 #FFF;
}


@media screen and (max-width:600px) {
  .con_nav-menu ul {  
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%; 
  }
    
.con_nav-menu li {
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.35em;
}
}

.mfp_buttons button{
    
    background: #cb4545;
    color:#fff;
    padding:10px;
}

p.h_txt{ font-size: 16px;}

.rec_info{
    padding: 0 20px;
    
}
.rec_info dt {
    font-size: 16px;
    border-top:1px dotted #ccc;
    
    
    
}
.rec_info dt.title {
    font-size: 16px;
    background: #000;
    color:#fff;
    padding:5px 20px;
    border:none;
    
    
}

.rec_info dd{
    font-size: 14px;

    
    
}