@charset "utf-8";
/* CSS Document */
/********************************************************************
	csr.css
*********************************************************************/

/*==========================================================================
	2列のレイアウト
============================================================================*/
.csrConts2rows {
  overflow: hidden;
  margin-bottom: 30px;
}
.csrConts2rows .txt {
  margin-bottom: 10px;
}
.csrConts2rows .pic {
  margin-bottom: 25px;
  text-align: center;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .csrConts2rows .txt {
    float: left;
    width: 100%;
    margin-right: -440px;
    padding-right: 440px;
    box-sizing: border-box;
  }
  .csrConts2rows .pic {
    float: right;
    width: 400px;
  }
  .csrConts2rows .txt2 {  
    float: left;  
    width: 100%;  
    margin-right: -240px; 
    padding-right: 240px; 
    box-sizing: border-box; 
} 
  .csrConts2rows .pic2 {  
    float: right; 
    width: 200px; 
  }
}
/*==========================================================================
	CSRメニューエリア
============================================================================*/
#contents .csrmenuArea {
  padding: 25px 10px;
}
#contents .csrmenuArea ul {
  overflow: hidden;
  list-style: none;
}
#contents .csrmenuArea ul .menuBox {
  float: left;
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 10px;
}
/*--- リンク ---*/
#contents .csrmenuArea ul .menuBox a:link,
#contents .csrmenuArea ul .menuBox a:visited {
	  color: #FFFFFF;
	  text-decoration: none;
  }
#contents .csrmenuArea ul .menuBox a:hover,
#contents .csrmenuArea ul .menuBox a:active {
	  color: #b6d9b7;
	  text-decoration: none;
  }
#contents .csrmenuArea ul .menuBox:nth-child(odd) {
  padding-right: 5px;
}
#contents .csrmenuArea ul .menuBox:nth-child(even) {
  padding-left: 5px;
}
/*-- 画像部 --*/
#contents .csrmenuArea ul .menuBox .pic {
  margin-bottom: 5px;
}
/*-- テキスト部 --*/
#contents .csrmenuArea ul .menuBox .txt {
  background-color: #0062a9;
  text-align: center;
  border-bottom-left-radius: 15px;
  padding: 50px 10px 30px;
  background-image: url(/wp/wp-content/themes/hw-symphony/img/top_menu_bg_dent.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 16px;
}
/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 320px) {
  #contents .csrmenuArea ul .menuBox {
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
  }
  #contents .csrmenuArea ul .menuBox:nth-child(odd) {
    padding-right: 0px;
  }
  #contents .csrmenuArea ul .menuBox:nth-child(even) {
    padding-left: 0px;
  }
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
 
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  #contents .csrmenuArea {
    max-width: 980px;
    padding: 50px 0px;
    margin: 0px auto;
  }
  #contents .csrmenuArea ul .menuBox {
    float: left;
    /*width: 25%;*/
  }
  #contents .csrmenuArea ul .menuBox:nth-child(odd) {
    padding-right: 10px;
    padding-left: 10px;
  }
  #contents .csrmenuArea ul .menuBox:nth-child(even) {
    padding-right: 10px;
    padding-left: 10px;
  }
  /*-- テキスト部 --*/
  #contents .csrmenuArea ul .menuBox .txt {
    font-size: 18px;
  }
  
  
}