@charset "UTF-8";
/*　テキスト　*/
.txt-title {
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
font-size: 1.4rem;
line-height: 1.8rem;
color: #595959;
text-align: center;
border-top: 5px solid #b0b0b0;
padding-top: 15px;
border-bottom: 1px solid #b0b0b0;
padding-bottom: 15px;
}
/*　枠　*/
.box-pink1 {
width: 98%;
margin: auto;
background-color: #f6b8e4;
padding: 1%;
margin-top: 10px;
text-align: center;
}
.box-pink2 {
width: 96%;
margin: auto;
background-color: #ffe9f9;
padding: 2%;
margin-top: 0px;
}
/*　色　*/
.col-red { color: #ff0000; }
.col-green { color: #228157; }
/*　線　*/
hr.line1 { border-top: 1px dotted #aeaeae; }
hr.line2 { border-top: 1px solid #aeaeae; }
/*　画像　*/
.width100 img { width: 100%; }
/*　テーブル　*/
table {
width: 100%;
}
table td {
padding: 10px 5px;
border: 1px solid #b0b0b0;
font-size: 0.8rem !important;
line-height: 1rem !important;
text-align: center;
color: #595959;
vertical-align: middle !important;
}
/*　==================　ページ共通　==================　*/
section#top-contents {
position: relative;
width: 1080px;
padding-top: 50px;
}
.top-bg {
position: ;
}
.top-bg img {
width: 100%;
}
.top-box {
display: none;
position: absolute;
top: 0px;
left: 20px;
width: 85%;
margin: auto;
padding-top: 30px;
}
.top-txt-title {
font-size: 1.5rem;
color: #ffffff;
}
.top-txt {
font-size: 0.8rem;
line-height: 1.3rem;
color: #595959;
}
/*　ニュースページ　*/
.news-box img {
width: 100%;
}
.news-box-title {
font-size: 0.9rem;
line-height: 1.4rem;
padding-top: 10px;
border-top: 1px solid #595959;
border-bottom: 1px solid #595959;
padding-bottom: 8px;
}
/*　サポートページ　*/
section#supo-contents-B {
width: 100%;
margin: auto;
padding-top: 100px;
padding-bottom: 0px;
}
.supo-box-B {
width: 90%;
margin: auto;
padding-top: 30px;
}
.supo-box-B-title {
font-size: 1.1rem;
text-align: center;
}
.supo-box-B-txt {
font-size: 0.8rem;
line-height: 1.5rem;
text-align: center;
}
.form-btn-box {
width: 640px;
margin: auto;
}
.form-btn {
width: 320px;
margin: auto;
text-align: center;
float: left;
}
.form-btn img {
width: 90%;
}
a:hover .form-btn  {
opacity: 0.8;
}
.supo-box-B-2 {
width: 1080px;
margin: auto;
background-color: #fff586;
text-align: center;
}
.supo-box-B-2-title {
background-color: #000000;
padding: 10px 0px;
text-align: center;
color: #ffffff;
font-size: 1rem;
}
.supo-box-B-2-box {
width: 90%;
margin: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.supo-box-B-2-box-txt {
font-size: 0.8rem;
line-height: 1.4rem;
text-indent: -0.9rem;
padding-left: 0.9rem;
}
.supo-box-B-2-box-cap {
font-size: 0.8rem;
line-height: 1.2rem;
text-indent: -0.8rem;
padding-left: 0.8rem;
}
/*　申し込みフォームページ　*/
section#supo-form {
width: 100%;
margin: auto;
padding-top: 100px;
padding-bottom: 50px;
background-color: #fff586;
}
.supo-form-box {
width: 900px;
margin: auto;
background-color: #ffffff;
}
.supo-form-box-title {
font-size: 1.1rem;
text-align: center;
background-color: #000000;
padding: 10px 0px;
color: #ffffff !important;
}
.supo-form-box-txt {
font-size: 1rem;
line-height: 1.5rem;
}
.supo-form-box-cap {
font-size: 0.8rem;
line-height: 1.2rem;
}
.supo-form-box-inbox {
width: 90%;
margin: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.supo-form-box-inbox-privacy {
background-color: #fff586;
padding: 10px 0px;
margin-top: 20px;
text-align: center;
}
.form-size { width:95%; margin: auto; height: 30px; font-size: 1rem; }
.form-size2 { width: 100%; margin: auto; height: 100px; font-size: 1rem; }
input#submit_button { width: 90%; height: 50px !important; font-size: 1rem; }
input[type="text"],
textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type="text"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #1abc9c;
	border: 1px solid #1abc9c;
}
.select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1rem;
}
.select-box01 select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../img/arrow02.png) 98% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../img/arrow02.png) 98% 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 30px, 100%;
}
/*　ページ　トップ画面　メニュー　*/
.page-top-nav {
width: 100%;
}
.page-top-nav ul {
width: 100%;
}
.page-top-nav li {
list-style: none;
width: 100%;
border: 1px solid #cfc787;
border-left: 5px solid #595959;
padding: 3%;
background-color: #f1ecc1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page-top-nav li.class1 {
border-top: 0px solid #cfc787;
}
.page-top-nav p.title {
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
font-size: 1.4rem;
line-height: 1.8rem;
}
/*　2段組み　*/
.page-top-nav-2 {
width: 100%;
}
.page-top-nav-2 ul {
width:100%;
}
.page-top-nav-2 li {
list-style: none;
float: left;
width: 50%;
border-top: 1px solid #cfc787;
border-bottom: 1px solid #cfc787;
border-left: 5px solid #595959;
padding: 3%;
background-color: #f1ecc1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page-top-nav-2 li.class1 {
border-right: 1px solid #cfc787;
}
/*　2段組み 緑　*/
.page-top-nav-2-green {
width: 100%;
}
.page-top-nav-2-green ul {
width:100%;
}
.page-top-nav-2-green li {
list-style: none;
float: left;
width: 50%;
border-top: 1px solid #729686;
border-bottom: 1px solid #729686;
border-left: 5px solid #595959;
padding: 3%;
background-color: #d8eae2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page-top-nav-2-green li.class1 {
border-right: 1px solid #729686;
}
/*　3段組み　*/
.page-top-nav-3 {
width: 100%;
}
.page-top-nav-3 ul {
width:100%;
}
.page-top-nav-3 li {
list-style: none;
float: left;
width: 33.333%;
border-top: 1px solid #cfc787;
border-bottom: 1px solid #cfc787;
border-left: 5px solid #595959;
padding: 3%;
background-color: #f1ecc1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*　前のページへ戻るボタン　*/
section#page-for-back {
width: 100%;
background-color: #595959;
padding: 15px 0px;
margin-top: 10px;
font-weight: bold;
}
section#page-for-back a {
color: #ffffff;
}
/*　トップページへボタン　*/
section#page-for-top {
width: 100%;
}
section#page-for-top img {
width: 100%;
}