/* CSS Document */

/*-- トップビジュアル部 --*/
section.topvisual{
  padding: 0px 0px;
}

.topvisualArea{
  /*max-width: 1200px;*/
  margin: 0 auto;
  /*
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  */
}
.topvisualAreaPosition{
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.topvisualArea1_pc{
  height:680px;
  background-image:url("../img/top_slide_01_pc.jpg");
}
.topvisualArea1_sp{
  height:420px;
  background-image:url("../img/top_slide_01_sp.jpg");
}
.topvisualArea2_pc{
  height:680px;
  background-image:url("../img/top_slide_02_pc.jpg");
}
.topvisualArea2_sp{
  height:420px;
  background-image:url("../img/top_slide_02_sp.jpg");
}
.topvisualArea3_pc{
  height:680px;
  background-image:url("../img/top_slide_03_pc.jpg");
}
.topvisualArea3_sp{
  height:420px;
  background-image:url("../img/top_slide_03_sp.jpg");
}
.topvisualArea4_pc{
  height:680px;
  background-image:url("../img/top_slide_04_pc.jpg");
}
.topvisualArea4_sp{
  height:420px;
  background-image:url("../img/top_slide_04_sp.jpg");
}
.topvisualArea5_pc{
  height:680px;
  background-image:url("../img/top_slide_05_pc.jpg");
}
.topvisualArea5_sp{
  height:420px;
  background-image:url("../img/top_slide_05_sp.jpg");
}
  
/*	320px以下【sp】  */
@media print, screen and (max-width: 320px) {
}
/*	768px以上【tablet】 */
@media print, screen and (min-width: 768px) {
  .topvisualArea1_pc,
  .topvisualArea2_pc,
  .topvisualArea3_pc,
  .topvisualArea4_pc,
  .topvisualArea5_pc{
    height:360px;
  }
}
/*	840px【tablet】 */
@media print, screen and (min-width: 840px) {
  .topvisualArea1_pc,
  .topvisualArea2_pc,
  .topvisualArea3_pc,
  .topvisualArea4_pc,
  .topvisualArea5_pc{
    height:400px;
  }
}
/*	1024px以上【PC】 */
@media print, screen and (min-width: 1024px) {
  .topvisualArea1_pc,
  .topvisualArea2_pc,
  .topvisualArea3_pc,
  .topvisualArea4_pc,
  .topvisualArea5_pc{
    height:470px;
  }
}
/*	1300px【PC】 */
@media print, screen and (min-width: 1300px) {
  .topvisualArea1_pc,
  .topvisualArea2_pc,
  .topvisualArea3_pc,
  .topvisualArea4_pc,
  .topvisualArea5_pc{
    height:580px;
  }
}
@media print, screen and (min-width: 1480px) {
  .topvisualArea1_pc,
  .topvisualArea2_pc,
  .topvisualArea3_pc,
  .topvisualArea4_pc,
  .topvisualArea5_pc{
    height:680px;
  }
}
  
/*-- 検索ヒットターゲット文章 --*/
h2{
  font-size: 1.3rem;
  font-weight: bold;
  color:#007e82;
  text-align: left;
}  
.targetText{
  font-size:1.05rem;
  line-height: 1.8;
  
  font-weight: normal;
}
@media print, screen and (min-width: 768px) {
  h2{
    font-size: 1.5rem;
  }
  .targetText{
    font-size:1.0rem;
  }
}
@media print, screen and (min-width: 1024px) {
  h2{
    font-size: 2rem;
  }
  .targetText{
    font-size:1.2rem;
  }
}

/*-- Flex分割表示領域 --*/  
.flexArea{
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}
.flexDisc{
  width: auto;
  padding: 0px;
  margin-bottom: 40px;
}
.flexImage{
  width: auto;
}
@media print, screen and (min-width: 868px) {
  .flexArea{
    flex-direction: row;
  }
  .flexDisc{
    width: 50%;
    padding: 0px 20px 0px 0px;
    margin-bottom: 0px;
  }
  .flexImage{
    width: 50%;
  }
}
@media print, screen and (min-width: 1024px) {
  .flexArea{
  }
  .flexDisc{
    width: 57%;
  }
  .flexImage{
    width: 43%;
  }
}

/*-- 新着情報 --*/
section div.sectionInfoInside {
  max-width: 1140px;
  margin: 0px auto;
  overflow: hidden;
  padding: 0 30px;/* スマホ時フリックが難しいため両端をあける */
}
@media print, screen and (min-width: 420px) {
  section div.sectionInfoInside {padding: 0 10px;}
}
 
.infoTitleBorder{  
  border-bottom: 1px solid #CCCCCC;
}
  
.LH1{line-height: 1.6;width: 20%;}
.LH1 img{padding-left: 0px;}
  
@media print, screen and (min-width: 768px) {
  .LH1{line-height: 1;width: 34%;}
  .LH1 img{padding-left: 10px;}
}
@media print, screen and (min-width: 1024px) {
  .LH1{line-height: 1;width: 26%;}
}
@media print, screen and (min-width: 1200px) {
  .LH1{line-height: 1;width: 23%;}
}

.info-list-area{
  height: 200px;
  overflow: auto;
  background-color:#FFF;
  display:block;
  border-spacing: 0;
	border-collapse:collapse;
}
.info-list-area tbody tr {
	/*border-top: 1px solid #ccc;*/
}
.info-list-area tbody tr:first-child {
	border-top: none;
}
.info-list-area .desc {
	padding: 16px 12px;
  vertical-align: top;
}

/*	コンタクト  */
.contactArea {
	background-color: #334047;
  background-image:url("../img/contact_bg.png");
  background-repeat:  no-repeat;
  background-position:center bottom;
  background-size:cover;
}
.contactArea .contactAreainnr {
  padding: 0px 10px;
}
.contactArea .contactAreainnr .contttl {
  text-align: center;
}
.contactArea .contactAreainnr .contttl h2 {
  color: #ffffff;
  padding: 60px 0px;
  font-size: 24px;
}
.contactArea .contactAreainnr .conttxt {
  color: #ffffff;
  text-align: center;
  padding: 60px 0px;
  font-size:1.4rem;
}
.contactArea .contactAreainnr .conttxt .toiTitle {
  font-size: 2rem;
  margin-bottom: 30px;
}
.contactArea .contactAreainnr .conttxt .toiSmall{
  font-size: 0.9rem;
  line-height: 1.4;
}
.contactArea .contactAreainnr .conttxt .tel {
  font-size: 1.0rem;
  line-height: 1.8;
  margin-bottom: 20px;
}

/*-- ボタン --*/
.contBtnArea{
  list-style: none;
  display: flex;
  flex-direction: column;
}
.contactArea .contactAreainnr .conttxt .contBtn {
  width: 70%;
  line-height: 1.1;
  margin: 10px auto;
  border: solid 2px #FFFFFF;
  border-radius: 6px;
}
.contactArea .contactAreainnr .conttxt .contBtn a {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 20px 10px 17px;
  display: block;
  background-color: #595959;
  border-radius: 4px;
  transition: .2s linear;
}
.contactArea .contactAreainnr .conttxt .trialBtn a {
  background-color: #0d6fb8;
}
/*--- リンク ---*/
.contactArea .contactAreainnr .conttxt .contBtn a:link,
.contactArea .contactAreainnr .conttxt .contBtn a:visited {
  color: #FFF;
  text-decoration: none;
}
.contactArea .contactAreainnr .conttxt .contBtn a:hover,
.contactArea .contactAreainnr .conttxt .contBtn a:active {
  color: #ffffff;
  text-decoration:none;
  background-color:#007e82;
}


/*	640px以上【tablet】*/
@media print, screen and (min-width: 640px) {
  .contBtnArea{
    flex-direction: row;
  }
  .contactArea .contactAreainnr .conttxt .contBtn {
    width: 40%;
  }
}
/*	768px以上【tablet】*/
@media print, screen and (min-width: 768px) {
.contactArea .contactAreainnr .conttxt .toiTitle {
  font-size: 1.8rem;
  }
  .contactArea .contactAreainnr .conttxt .tel {
    font-size: 1.4rem;
  }
  .contactArea .contactAreainnr .conttxt .toiSmall{
    font-size: 0.8rem;
    line-height: 1.2;
  }
  .contactArea .contactAreainnr .conttxt .contBtn {
    width: 40%;
  }
  .ttl {
    font-size: 30px;
  }
}
/*	1024px以上【PC】*/
@media print, screen and (min-width: 1024px) {

  .contactArea {
  }
.contactArea .contactAreainnr .conttxt .contBtn {
  width: 30%;
  }
  .contactArea .contactAreainnr {
    max-width: 1200px;
    margin: 0px auto;
    overflow: hidden;
    padding: 0px;
  }
  .ttl {
    font-size: 34px;
  }
  .contactArea .contactAreainnr .conttxt {
    padding: 60px 0px;
  }
  /*-- ボタン --*/
  .contactArea .contactAreainnr .conttxt .contBtn a {
    font-size: 22px;
    line-height: 1;
  }
}

/*--- ヘッダ：お問い合わせ文言 ---*/
#headerinnr .telArea {
  display: none;
}
/*	1050px以上【PC】*/
@media print, screen and (min-width: 1050px) {
  #headerinnr .telArea {
    display: block;
    position: absolute;
    right: 40px;
    top: 2px;
    width: 400px;
    font-size: 14px;
    text-align: right;
  }
}
@media print, screen and (min-width: 1050px) {
  #headerinnr .telArea {
    display: block;
    right: 30px;
  }
}
@media print, screen and (min-width: 1300px) {
  #headerinnr .telArea {
    display: block;
    right: 0px;
  }
}
  
  
  
  
  
/*--- ヘッダ：お問い合わせボタン ---*/
#headerinnr #headContBtn {
  display: none;
}
#headerinnr #headContBtn a {
  text-align: center;
  color: #FFFFFF;
  background-color:#0d6fb8;
  line-height: 1;
  padding: 5px 30px;
  display: block;
  transition: .2s linear;
  position: relative;
  border-radius: 6px;
  font-weight: bold;
}
  #headerinnr #headContBtn a:link, #headerinnr #headContBtn a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#headerinnr #headContBtn a:hover, #headerinnr #headContBtn a:active {
	color: #FFF;
	text-decoration: none;
  background-color: #027d82;
}
@media print, screen and (max-width: 320px) {
  #headerinnr #headContBtn a {
    font-size: 4px;
    padding: 15px 6px;
  }
}


/*	768px以上【tablet】*/
@media print, screen and (min-width: 768px) {
  #headerinnr #headContBtn {
    position: absolute;
    right: 90px;
    top: 20px;
    display: block;
  }
  #headerinnr #headContBtn a {
    font-size: 0.9rem;
    padding: 15px 30px 13px;
  }
}
/*	1050px以上【PC】*/
@media print, screen and (min-width: 1050px) {
  #headerinnr #headContBtn {
    position: absolute;
    right: 30px;
    top: 30px;
    display: block;
  }
  #headerinnr #headContBtn a {
    font-size: 0.9rem;
    padding: 15px 60px 13px;
  }
}
/*	xx00px以上【PC】*/
@media print, screen and (min-width: 1285px) {
  #headerinnr #headContBtn {
    position: absolute;
    right: 10px;
  	top: 30px;
  }

/*	1300px以上【PC】*/
@media print, screen and (min-width: 1300px) {
  #headerinnr #headContBtn {
    position: absolute;
    right: 0px;
  	top: 30px;
  }
}