@charset "utf-8";
/* CSS Document */
/********************************************************************
	form.css
*********************************************************************/
.contentsArea input,
.contentsArea textarea {
	padding: 0.5em;
}
.contentsArea .btn {
  padding: 15px 20px;
  font-size: 16px;
}
/*==========================================================================
	お問い合わせフォーム
============================================================================*/
.contentsArea .contentsAreainnr .formArea {
  padding: 0px;
}
.contentsArea .contentsAreainnr .formArea table {
  border-top: solid 1px #CCCCCC;
  width: 100%;
}
.contentsArea .contentsAreainnr .formArea th,
.contentsArea .contentsAreainnr .formArea td {
  border-bottom: solid 1px #CCCCCC;
  padding: 10px 20px;
  display: block;
  
  word-break: break-all;
}
.contentsArea .contentsAreainnr .formArea th {
  text-align: left;
  vertical-align: middle;
  background-color: #f2f2f2;
}
.contentsArea .contentsAreainnr .formArea th .require {
	color:#D80C24;
	margin-left:0.3em;
  font-weight: normal;
}
.contentsArea .contentsAreainnr .formArea .base,
.contentsArea .contentsAreainnr .formArea .comment {
  width: 100%;
  box-sizing: border-box;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .contentsArea .contentsAreainnr .formArea th {
    display: block;
    display: table-cell;
    width: 35%;
  }
  .contentsArea .contentsAreainnr .formArea td {
    display: block;
    display: table-cell;
    width: 65%;
  }
  .contentsArea .contentsAreainnr .formArea .base {
    width: 70%;
    box-sizing: border-box;
  }
  .contentsArea .contentsAreainnr .formArea .comment {
    width: 100%;
    box-sizing: border-box;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  
}

.msg{color:red;}
/*--- pagettl  ---------------------------------*/
.pagettl2 {
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  margin: 10px auto 20px;
  padding: 15px 10px;
  
  border-top: #BBD3F9 solid 1px;
  border-bottom: #BBD3F9 solid 1px;
}
.pagettl2 .pttl {
  font-size: 18px;
/*
  background-image: linear-gradient(to right, #0062A9 0%, #0062A9 45%, #199C69 55%, #199C69 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
*/
}
/*-- IE ハック --*/
/* IE8〜11 */
@media screen\0 {
  .pagettl2 .pttl {
    background: none;
    color: #0062A9;
  }
}

  
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .pagettl2 {
     margin: 10px auto 20px;
     padding: 20px 10px;
  }
  .pagettl2 .pttl {
    font-size: 32px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .pagettl2 {
    max-width: 1260px;
    height: 100px;
    line-height: 100px;
    margin: 10px auto 5px;
    padding: 0px;
    
    border: none;
  }
  .pagettl2 .pttl {
    font-size: 38px;
  }
}