@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Style Info : ライン不動産／リースとは？用指定
Last modified : :2019
***********************************************/



*{
	margin:0;
	padding:0px;
	}

@media print, screen and (min-width: 770px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }






.mail_set1 {
	margin:0;
	padding:0;
	width:100%; 
	text-align:left;
	float:left;

}

.mail_set1 hr{
	margin:5px 0 5px 0;
	padding:0;
	width:100%; 
	border-top: solid 1px #6e8b61;
	float:left;
}

.mail_set1 .copy{
	margin:20px 0 0 0;
	padding:0;
	width:100%; 
	text-align:left;
	float:left;
	font-size:14px;
	line-height:1.4em;
}

.mail_set1 .koumoku1{
	margin:0;
	padding:10px 0 0 5px;
	width:200px; 	
	float:left;
	font-size:18px;
	line-height:1.4em;
}

.mail_set1 .koumoku1 .red{
	color:#ff0000;
	font-size:12px;
}



.mail_set1 .koumoku2{
	margin:0;
	padding:10px;
	width:650px; 
	border-left: dotted 1px #6e8b61;
	float:left;
	font-size:16px;
	line-height:1.4em;
}

.mail_set1 .koumoku3{
	margin:0;
	padding:10px;
	width:100%; 
	text-align:right;

}

.mail_set1 .koumoku2 .waku1{
	margin:0;
	border:0;
	padding:3px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	color:#000000;
	border:solid 2px #ccc;
	width:300px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mail_set1 .koumoku2 .waku2{
	margin:0;
	border:0;
	padding:3px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	color:#000000;
	border:solid 2px #ccc;
	width:600px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mail_set1 .koumoku2 .waku3{
	margin:0;
	border:0;
	padding:3px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	color:#000000;
	border:solid 2px #ccc;
	width:600px;
	height:200px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



.mail_set1 .koumoku2 .add{
	margin:0 0 5px 0;
	border:0;
	padding:3px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	color:#000000;
	border:solid 2px #ccc;
	width:100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.mail_set1 .koumoku2 .add2{
	margin:0 0 5px 0;
	border:0;
	padding:3px;
	font-size:1.1em;
	font-family:Arial, sans-serif;
	color:#000000;
	border:solid 1px #ccc;
	width:100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

.mail_set1 .koumoku2  input:focus {
    border:solid 2px #EEA34A;
}

.mail_set1 .koumoku3 .sousin{
  display       : inline-block;
  border-radius : 5%;
  font-size     : 18pt;
  text-align    : center;
  cursor        : pointer; 
  padding       : 9px 36px;
  background    : #5f8b6a; 
  color         : #ffffff; 
  line-height   : 1em;
  opacity       : 1;
  transition    : .3s;
}

.mail_set1 .koumoku3 .clear{
  display       : inline-block;
  border-radius : 5%;
  font-size     : 18pt;
  text-align    : center;
  cursor        : pointer; 
  padding       : 9px 36px;
  background    : #dcddda; 
  color         : #9c9c9b; 
  line-height   : 1em;
  opacity       : 1;
  transition    : .3s;
}





}



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

/* スマホで見たときは"sp"のclassがついた画像が表示される */

.sp { display: block !important; }
.pc { display: none !important; }

img {
  max-width: 100%;
  height: atuo;
}


.mail_set1 {
	margin:0;
	padding:0;
	width:100%; 
	text-align:left;


}

.mail_set1 hr{
	margin:5px 0 5px 0;
	padding:0;
	width:99%; 
	border-top: solid 1px #6e8b61;

}

.mail_set1 .copy{
	margin:20px 0 0 0;
	padding:0;
	width:100%; 
	text-align:left;
	line-height:1.4em;
}

.mail_set1 .koumoku1{
	margin:0;
	padding:5px 0 0 2%;
	width:93%; 
	line-height:1.4em;
	border-left: solid 3px #6e8b61;
}

.mail_set1 .koumoku1 .red{
	color:#ff0000;
	font-size:0.8em;
}



.mail_set1 .koumoku2{
	margin:0;
	padding:3%;
	width:93%; 
	border-top: dotted 1px #6e8b61;
	line-height:1.4em;
}

.mail_set1 .koumoku3{
	margin:0;
	padding:3%;
	width:93%; 
	text-align:center;

}

.mail_set1 .koumoku2 .waku1{
	margin:0;
	border:0;
	padding:2px;
	color:#000000;
	border:solid 2px #ccc;
	width:90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mail_set1 .koumoku2 .waku2{
	margin:0;
	border:0;
	padding:2px;
	color:#000000;
	border:solid 2px #ccc;
	width:90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mail_set1 .koumoku2 .waku3{
	margin:0;
	border:0;
	padding:2px;
	color:#000000;
	border:solid 2px #ccc;
	width:90%;
	height:200px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



.mail_set1 .koumoku2 .add{
	margin:0 0 5px 0;
	border:0;
	padding:3px;
	font-size:1.em;
	color:#000000;
	border:solid 2px #ccc;
	width:50%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.mail_set1 .koumoku2 .add2{
	margin:0 0 5px 0;
	border:0;
	padding:3px;
	font-size:1em;
	font-family:Arial, sans-serif;
	color:#000000;
	border:solid 1px #ccc;
	width:90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type=checkbox] {
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.mail_set1 .koumoku2  input:focus {
    border:solid 2px #EEA34A;
}

.mail_set1 .koumoku3 .sousin{
  display       : inline-block;
  border-radius : 5%;
  font-size     : 1.2em;
  text-align    : center;
  cursor        : pointer; 
  padding       : 9px 36px;
  background    : #5f8b6a; 
  color         : #ffffff; 
  line-height   : 1em;
  opacity       : 1;
  transition    : .3s;
}

.mail_set1 .koumoku3 .clear{
  display       : inline-block;
  border-radius : 5%;
  font-size     : 1.2em;;
  text-align    : center;
  cursor        : pointer; 
  padding       : 9px 36px;
  background    : #dcddda; 
  color         : #9c9c9b; 
  line-height   : 1em;
  opacity       : 1;
  transition    : .3s;
}

}