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




.sp{
  display: none !important;
}


@media only screen and (max-width: 768px){ 
 
.pc{
  display: none !important;
}
.sp{
  display: block!important;
}
}

/* テーブル */

table.line{
	width:100%;
	border-collapse:collapse;
 background: #fff;
}	

table.line th,
table.line td{
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
	padding:10px 15px;
	text-align:left;
 vertical-align: top;
}

table.line th{
	width: 170px;
 font-weight: normal;
}


@media only screen and (max-width: 768px){

 table.line {
  border-top:1px solid #ccc;
 }
 
table.line td,
table.line th{
	width:auto;
	display:block; 
}
 
 table.line th{
  font-weight: bold;
  padding-bottom: 0;
  border-top: none;
  border-bottom: none;
 }
 
 table.line td{
  border-top: none;
  padding-top: 0;
 }
}




/******* お問い合わせ *******/

#contact .h2_area{
	background: rgba(224,237,244,1.00);
}

#contact .btn{
 display: inline-block;
 text-align: center; 
 cursor: pointer;
 padding: 15px;
 color: #ffffff;
 transition: .3s;
 border:none;
 width: 45%;
 max-width: 200px;
 font-size: 13pt;
 -webkit-appearance: none;
}

#contact .btn_blue {
 background: rgba(40,99,167,1.00);
}
#contact .btn_blue:hover {
 background: rgba(40,99,167,0.8);
}

#contact .btn_gray {
 background: #666;
}
#contact .btn_gray:hover {
  background:#999;
}

#contact table td input{
 width: calc(100% - 30px);
 max-width: 300px;
 font-size: 16px;
 padding: 5px 7px;
 border: 1px solid #ccc;
}

#contact table td textarea{
 width: calc(100% - 30px);
 height: 200px;
 margin-top: 5px;
 font-size: 16px;
 padding: 5px 7px;
 border: 1px solid #ccc;
}

#contact table th{
 position: relative;
}

#contact table th span{
 display: block;
 background: rgba(209,0,30,1.00);
 color: #fff;
 font-size: 12px;
 padding: 3px 5px;
 position: absolute;
 line-height: 20px;
 right: 0;
 top:12px;
}

@media only screen and (max-width: 768px){
#contact table th span{
 display: inline;
 position: relative;
 margin: 0 0 0 10px;
 top:0;
}
 }


/******* お問い合わせ 確認、完了 *******/

#thanks h2{
	font-size: 1em;
	letter-spacing: 0.05em;
}

#thanks h2 span::before{
content: '\002713';/*チェックマーク*/
	font-size: 2.5em;
	color: #D1001E;
}

#thanks h2 span{
	border-bottom: 3px solid #D1001E;
	padding-bottom: 20px;
}


/* 斜め */

  section.diagonal {
  position: relative;
  color: #fff;
  background: linear-gradient(135deg, #0076a3, #0099cc);
  clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 70%);
  padding: 120px 0;
  text-align: center;
}

section.diagonal.alt {
  background: linear-gradient(135deg, #f0f0f0, #dcdcdc);
  color: #333;
  clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
 margin-top: -100px;
}

section.diagonal .content {
  width: 80%;
  margin: 0 auto;
  max-width: 1000px;
}