@charset "UTF-8";

/*-------------body------------*/

body{
	background-color: #FFF;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; /*--文字なめらか--*/

}

a:link {
	color: #004400;
}

a:visited {
	color: #004400;
}

a:hover {
	color: #004400;
}

/*-------------スクリプト動き系-------------*/

/*トップへ戻る*/
#back-top {
    position: fixed;
    bottom: 3%;
    right: 3%;
}
#back-top span {
    width: 50px;
    height: 50px;
    display: block;}

/*画像リンクのフェード*/
.fade {   
    -webkit-transition: 0.1s ease-in-out;   
       -moz-transition: 0.7s ease-in-out;   
         -o-transition: 0.1s ease-in-out;   
            transition: 0.1s ease-in-out;   
} 
.fade:hover {   
    opacity: 0.7;   
    filter: alpha(opacity=70);   
}

/*----------- ページ内リンクアンカー ----------*/
/*　メモ　padding分をmarginで無くすことでヘッダー固定分の余白を持たせると埋もれなくて調整可*/
#sec1{
	margin-top:-100px;
	padding-top:100px;
}

/*-------------お知らせ-------------*/
#news{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding-top: 20px;
	background-color: #cccccc;
	text-align:left;
}

#news a{
	color:#004400;
	font-weight:bold;
}

/*-------------お知らせnews2と3作った-------------*/
/*-------------PCとSPのcssにもお知らせnews2と3のテーブルの設定あり-------------*/
#news2{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding-top: 20px;
	background-color: #cccccc;
	text-align:center;
}

#news2 a{
	color:#004400;
	font-weight:bold;
}



#news3{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding-top: 20px;
	background-color: #cccccc;
	text-align:center;
}

#news3 a{
	color:#004400;
	font-weight:bold;
}


#news4{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding-top: 20px;
	background-color: #fff;
	text-align:center;
}

#news4 a{
	color:#004400;
	font-weight:bold;
}



/*-------------main_waku-------------*/

#header{
	width:100%;}

#container{
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

#nagare{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding-top: 20px;
	background-color: #FFFFFF;
	text-align:left;
}

#title1{
	background-color: #009999;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}

#menu_plan{
	padding-top: 5px;
	padding-bottom: 33px;
	padding-right: 10px;
	padding-left: 10px;
	text-align:center;
	background-color:#ccc;
}

#menu_plan table {
	margin-right: auto;
	margin-left: auto;
}

.freebox{
	margin-left:auto;
	margin-right:auto;
}

#plan{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding-top: 20px;
	background-color: #FFFFFF;
	text-align:left;
}

#plan a{color:#004400;}

#plan_icon{
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	text-align:left;	
}

#option{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	background-color: #FFFFFF;
	text-align:left;
}

#kiyaku{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding-top: 20px;
	background-color: #FFFFFF;
	text-align:center;
	padding-bottom: 10px;
}

#kiyaku a{color:#004400;}

#call{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	background-color: #FFFFFF;
	text-align:left;
}

#gaiyou{
	margin-left:auto;
	margin-right:auto;
	color:#000;
	padding-top: 20px;
	background-color: #ccc;
	text-align:left;
	
}

/*-------------footer部分-------------*/

#ft_menu{
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
}

#ft_menu a{
	color: #FFFFFF;
	text-decoration: none;
}

#footer{
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 20px;
	background-color:#429442;
	text-align:center;
}

/*-----画像をPCとSPで表示・非表示に切り替える-----*/

/* パソコンで見たときは"dis_pc"のclassがついた画像が表示される */
.dis_pc{width: auto; height: auto;}
.dis_sp{display: none !important;}
/* スマートフォンで見たときは"dis_sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.dis_pc { display: none !important; }
.dis_sp { display: block !important; }
}


/*-------------class-------------*/

.bgcolor1{
	background-color:#000;}

.border1{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-bottom: 20px;
}

.font1{
	color:#fff;
	background-image:url(../images/sp_back.png);
	font-weight:bold;
	padding:10px;
	text-align:center;
}

.font2{
	color:#fff;
	background-image:url(../images/sp_back.png);
	
	font-weight:bold;
	padding:10px;
	text-align:center;
}

.font3{
	color:#fff;
	background-image:url(../images/sp_back.png);
	font-weight:bold;
	padding:10px;
	text-align:center;
}



.font4{
	color:#000000;
	background-color:#CCCCCC;
	font-weight:bold;
	padding:10px;
	text-align:center;
}

.font5{
	color:#FF0000;
	font-size: 10px;
}

.font6{
	color:#004400;
}

.font7{
	color:#152842;
	font-weight:bold;
}

.float-right{
	float:right;
}

.margin-right5{
	margin-right:5px;
}

.margin-bottom5{
	margin-bottom:5px;
}

.margin-bottom10{
	margin-bottom:10px;
}

.margin-bottom15{
	margin-bottom:15px;
}

.margin-bottom20{
	margin-bottom:20px;
}

.margin-bottom50{
	margin-bottom:50px;
}

.margin-bottom40{
	margin-bottom:40px;
}

.margin-bottom100{
	margin-bottom:100px;
}

.margin-top5{
	margin-top:5px;
}

.margin-top10{
	margin-top:10px;
}

.margin-top15{
	margin-top:15px;
}

.margin-top20{
	margin-top:20px;
}

.margin-top40{
	margin-top:40px;
}

.margin-top50{
	margin-top:50px;
}

.margin-top100{
	margin-top:100px;
}

.margin-right15{
	margin-right:15px;
}

.margin-right20{
	margin-right:20px;
}

.padding-bottom10{
	padding-bottom:10px;
}

.padding-top10{
	padding-top:10;
}


/*-------------制御されるコンテンツ作った-------------*/
.btn {
    color: 
#fff;
    background: 
rgba(0, 51, 0, .5);
    padding: .3em .5em;
    margin-bottom: .3em;
    border-radius: .3em;
    text-align: center;
    display: table; 
}
.btn:hover {
    cursor: pointer;    
}
.btn:active {
    background: 
rgb(0, 51, 0);
}
.box {
    border: 2px solid 
#ccc;
    border-radius: .3em;
    height: 600px;
}

/*-------------制御されるコンテンツ作った（追加の作業）-------------*/

/* radio non-display */
.add-control .radio{
    display: none;
}
/* button control */
.add-control #close:checked ~ .btn-close {
    display: none;
}
.add-control #close:checked ~ .btn-open {
    display: table;
}
.add-control #open:checked ~ .btn-close {
    display: table;
}
.add-control #open:checked ~ .btn-open {
    display: none;
}
/* content control */
.add-control #close:checked ~ .box {
    display: none;
}
.add-control #open:checked ~ .box {
    display: block;
}