@charset "UTF-8";






/*======== 2021_10 ======== */
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


a.btn--green {
  color: #fff;
  background-color: #094;
}

a.btn--green:hover {
  color: #fff;
  background: #00a349;
}

a.btn--green.btn--cubic {
  border-bottom: 5px solid #00662d;
}

a.btn--green.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #00662d;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
  border-radius: 100vh;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

a.btn-c:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - .8rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  content: '\f054';
}





/*======== BODY ======== */

body {
	letter-spacing: 1px;
	font:normal 14px/28px  "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	margin-top: 0px;
	text-align: center ;
	vertical-align:top;
	color:#000;
	background: #ffffff;
	}
 a { 
	font-size:;		/* 16->   2022.3.3 */
	text-decoration: none;
	font:"Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	color: #998877; 		/* 8ac1b9->998877   2022.3.3 */
} 

	background-image: url(bg.gif);
	background-repeat: no-repeat ;
	background-attachment: fixed;
	background-position:center bottom;




.aaaa{
width: 100%;
border-collapse:collapse;
border-spacing:0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
	}
.aaaa td{
text-align: center ;
vertical-align:top;
padding: 6px;
background-color: #fff;
border: 5px solid #ffeeee;
font:normal 12px/16px  "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "MS PGothic", sans-serif;
color:#000;
}


.bbb td{
text-align: center ;
vertical-align:top;
padding: 6px;
background-color: #fff;
border: 1px solid #eeeeee;
}


table.eee {border: solid 1px #000000; border-collapse: collapse;}
.eee td{
text-align: center ;
vertical-align:top;
padding:0px;
border: solid 2px #ffcccc;
border-collapse: collapse;
}



p.ccc {font-size:12px;text-decoration:none;color: #999999; }
.ccc a:link 	{font-size:12px;text-decoration:none;color: #0044ff; }
.ccc a:visited 	{font-size:12px;text-decoration:none;color: #0044ff; }
.ccc a:hover 	{font-size:12px;text-decoration:none;color: #ff0000; }
.ccc a:active 	{font-size:12px;text-decoration:none;color: #ff8000; }


p.talk {font-size:14px;line-height:20px;text-decoration:none;color: #999999; }
.talk a:link 	{font-size:14px;text-decoration:none;color: #8ac1b9; }
.talk a:visited {font-size:14px;text-decoration:none;color: #8ac1b9; }
.talk a:hover 	{font-size:14px;text-decoration:none;color: #ff0000; }
.talk a:active 	{font-size:14px;text-decoration:none;color: #ff8000; }




p.cate		{font-size:12px;line-height:20px;text-decoration:none;color: #999900; }
.cate a:link 	{font-size:12px;text-decoration:none;color: #e59797; }
.cate a:visited {font-size:12px;text-decoration:none;color: #e59797; }
.cate a:hover 	{font-size:12px;text-decoration:none;color: #ff0000; }
.cate a:active 	{font-size:12px;text-decoration:none;color: #ff8000; }


p.cate2		{font-size:12px;line-height:20px;text-decoration:none;color: #999900; }
.cate2 a:link 	{font-size:12px;text-decoration:none;color: #B2A9A9; }
.cate2 a:visited {font-size:12px;text-decoration:none;color: #B2A9A9; }
.cate2 a:hover 	{font-size:12px;text-decoration:none;color: #ff0000; }
.cate2 a:active 	{font-size:12px;text-decoration:none;color: #ff8000; }



p.cate3		{font-size:10px;line-height:25px;text-decoration:none;color: #999900;text-align:left; }
.cate3 a:link 	{font-size:15px;text-decoration:none;color: #e59797;text-align:left; }
.cate3 a:visited {font-size:15px;text-decoration:none;color: #6666aa;text-align:left;}
.cate3 a:hover 	{font-size:15px;text-decoration:none;color: #ff0000;text-align:left;}
.cate3 a:active 	{font-size:15px;text-decoration:none;color:#ff8000;text-align:left;}



p.title			{font-size:18px;line-height:25px;text-decoration:none;color:#919351; }
.title a:link 		{font-size:18px;text-decoration:none;color: #e59797; }
.title a:visited 	{font-size:18px;text-decoration:none;color: #e59797; }
.title a:hover	 	{font-size:18px;text-decoration:none;color: #ff0000; }
.title a:active 	{font-size:18px;text-decoration:none;color: #ff8000; }



p.honbun		{font-size:15px;line-height:25px;text-decoration:none;color: #333333; }
.honbun a:link 		{font-size:15px;text-decoration:none;color: #e59797; }
.honbun a:visited 	{font-size:15px;text-decoration:none;color: #e59797; }
.honbun a:hover 	{font-size:15px;text-decoration:none;color: #ff0000; }
.honbun a:active 	{font-size:15px;text-decoration:none;color: #ff8000; }



p.column		{font-size:15px;line-height:40px;text-decoration:none;color: #333333; }
.column a:link 		{font-size:15px;text-decoration:none;color: #e59797; }
.column a:visited 	{font-size:15px;text-decoration:none;color: #e59797; }
.column a:hover 	{font-size:15px;text-decoration:none;color: #ff0000; }
.column a:active 	{font-size:15px;text-decoration:none;color: #ff8000; }


p.hiduke		{font-size:10px;line-height:35px;color:#919351; }
.hiduke a:link 		{font-size:10px;text-decoration:none;color: #e59797; }
.hiduke a:visited 	{font-size:10px;text-decoration:none;color: #e59797; }
.hiduke a:hover 	{font-size:10px;text-decoration:none;color: #ff0000; }
.hiduke a:active 	{font-size:10px;text-decoration:none;color: #ff8000; }



.btm		{font-size:12px;line-height:20px;color:#919351; }
.btm a:link 	{font-size:12px;text-decoration:none;color: #919351; }
.btm a:visited 	{font-size:12px;text-decoration:none;color: #919351; }
.btm a:hover 	{font-size:12px;text-decoration:none;color: #e59797; }
.btm a:active 	{font-size:12px;text-decoration:none;color: #e59797; }






table#form {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
    width: 400px;
    border-collapse: collapse;
    border-spacing: 2px;
    text-align: left;
    vertical-align:top;
}

table#form td {
	font-size: 14px;
    padding: 10px;
    border: 0px #dcf4f1 solid;
    background: #ffffff;
}
	 
table#form a { 
	font-size: 14px;
text-decoration: none;
color: #8ac1b9; 
} 

table#form a:hover { 
	font-size: 14px;
text-decoration: underline;
color: #8ac1b9;
} 
	
	

#form-sec input,
#form-sec textarea{
    font-size:14px;
    font-family: 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);}
#form-sec input[type="text"]:focus,
#form-sec textarea:focus,
#form-sec input[type="text"]:hover,
#form-sec textarea:hover {
	    border-color: #C9C9C9;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,255,.7);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,255,.7);
	 box-shadow: 0px 0px 6px rgba(0,0,255,.7);

}
 
 
#form-sec input{
}
#demo-sec textarea{
    width:300px;
}




 
#form-sec2 input{
    width:300px;
}
#demo-sec2 textarea{
}









/*======== 2021 ======== */