@charset"Shift_JIS";
/*01 HTMLリセット*/
html,body{
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Grande', Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
	font-size: 12px;
	background-color: #fff;
	color: #000000;
	width: 100%;
}
div,
form,
h1,h2,h3,h4,
ul,li,
dl,dt,dd,
p{margin:0px;padding:0px;line-height:1.5em;}
/*p,dt,dd{text-align:justify;text-justify:distribute;}*/
a img,img{border:0;}
li{list-style-type:none;}

.f_cA{color:#BE2D39;}

*{transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-moz-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-webkit-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-o-transition:color 200ms,background 200ms,border 200ms,opacity 300ms}


/*02 共通用基本設定*/
h1{}
h2{}
h3{}
h4{}
.clr{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{clear:both;text-align:center;}
.lastChild{margin-right:0%!important;float:right!important;}

/*03 レーヤアウト*/
#Wrap{}
#Contents{}
#SubContents{width:980px;margin:0px auto;background-color:#FFF;padding-bottom:25px;}
address{}





/*04 ヘッダー関連*/
#Header{
    width: 100%;
    height: 600px;
    background-image: url(bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#SubHeader{
    width:980px;height:600px; 
    margin: 0px auto;
    position: relative;
	/*padding: 365px 0px 15px 46px;*/
}
/*
#Header h1{width:345px;height:184px;
    background-image   : url(head-catch-copy.png);
    background-repeat  : no-repeat;
    background-position: right bottom;
    display: block;
    
    text-indent:-9999px;}
*/
#SubHeader h1{ width:980px;height:600px; margin: 0 auto; 
    background:url(head-catch-copy.png) no-repeat right 25%;text-indent:-9999px;}

#SubHeader .catch_btn_box{
	position: absolute;
	width: 400px;
	height: 57px;
	z-index: 999;
	right: 0px;
	bottom: 25%;
}

/*
#Header h1{width:439px;height:196px;background:url(logo.gif) no-repeat left top;margin-left:21px;text-indent:-9999px;}
*/
#Header p{color:#FFF;font-size:18px;padding-top:18px;}
#Header .btnA{position:absolute;display:block;width:101px;top:382px;right:103px; }

#Header .btnB{position:absolute;display:block;width:126px;top:450px;right:212px;}
#Header .btnC{position:absolute;display:block;width:153px;top:514px;right:41px;}
#Header a{display:block;width:100%;}
#Header a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Header a img{display:block;}


/*05 コンテンツ関連　*/
.title{
	background-color: #A53131;
	width: 100%;
}

.title h2{
	background-color: #A53131;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.home h2 img{display:block;margin:0px auto;}
.home .box{padding:32px 12px 83px 35px;}
.home .box img{display:block;}
.home .box ul{width:933px;clear:both;}
.home .box li{width:220px;float:left;padding-bottom:60px;margin-right:17px;}
.home .box li p{padding:18px 0px 0px 5px;width:180px;line-height:1.7em;font-size:13px;}
.home .box .btn{width:660px;margin:0px auto;}
.home .box .btn .floatL{display:block;width:391px;}
.home .box .btn .floatR{display:block;width:242px;}
.home .box .btn a{display:block;width:100%;}
.home .box .btn a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.home .list{}
.home .list h2{
	background-color: #A53131;
}
.home .list .sub_list{margin:50px;background-color:#FFFED2;padding:40px;}
.home .list .sub_list p{ line-height:1.8em; font-size:14px;}
.home .list .sub_list .msg{
	padding-top: 36px;
	margin-top: 35px;
	background: url(ico_line01.gif) repeat-x left top;
	color: #BE2D39;
}
.msg_{
	color: #BE2D39;
	padding-left: 150px;
	font-size: 14px;
	margin-top: 10px;
}

.home .list ul{margin:50px;background-color:#fff;padding:15px 15px 0px 15px;}
.home .list li{width:100%;clear:both;padding:20px 0px;font-size:18px;background:url(ico_line01.gif) repeat-x left bottom;}
.home .list li.last{ background-image:none;}
.home .list li span{display:block;float:left;padding-left:20px;background:url(ico01.gif) no-repeat left center;}
.home .list li p{ padding-left:150px;}
.home .block{}
.home .block h2{background-color:#000;}
.home .block .sub_block{margin:50px;background-color:#F0F0F0;padding:55px 30px 25px 25px;font-size:13px;}
.home .block .sub_block div{height:470px;padding-left:45px;padding-right:65px;overflow:auto;}
.home .block .sub_block dl{ padding-bottom:50px;}
.home .block .sub_block dt{
	margin-top: 50px;
	padding-left: 15px;
	color: #BE2D39;
	background: url(ico02.gif) no-repeat left center;
	margin-bottom: 12px;
}
.home .block .sub_block dd{padding-top:18px;background:url(ico_line01.gif) repeat-x left top;}
.home .block .sub_block p{line-height:1.8em;}


.home .block .sub_block a{color: #BE2D39;	text-decoration: none;}
.home .block .sub_block a:hover{	color: #BE2D39;	text-decoration: underline;}

.ashikagakitayo{margin: 50px auto;}
.ashikagakitayo p.info{font-size: 18px; text-align: center; font-weight: bold;}
.ashikagakitayo_btn_box{width: 90%; margin: 0 auto; display: flex;justify-content: space-between;}
.ashikagakitayo_btn_box div {width: 48%;}
.ashikagakitayo_btn_box div img {width: 100%;}
.ashikagakitayo_btn_box a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.photo-image {width: 980px; text-align: center; margin: 30px auto 0px auto;}
.photo-image a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.photo-image h2.main_title{font-size: 30px; color: #a33131;}
.photo-image h3.sub_title{font-size: 22px; line-height: 160%;}   
.photo-image img {margin-top: 30px;}

.btn_pagetop{padding-top:35px;padding-right:45px;}
.btn_pagetop a{display:block;float:right;background:url(ico03.gif) no-repeat left center;padding-left:18px;color:#000;text-decoration:none;}
.btn_pagetop a:hover{text-decoration:underline;}
/*
footer{
	width: 100%;
}
#Footer{
	font-size: 14px;
	color: #FFF;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #44c0f0;
}
#SubFooter{
	width: 980px;
	margin: 0px auto;
	background-color: #444c0f0;
	padding-top: 40px;
	padding-bottom: 120px;	
}


#Footer #FootLogo{width:355px;float:left;}
#Footer #FootLogo a{display:block;width:355px;}
#Footer #FootLogo a:hover{width:355px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Footer #FootNavi{text-align:right;padding-bottom:30px;}
#Footer #FootNavi a{
	padding-left: 22px;
	margin-left: 25px;
	color: #FFF;
	text-decoration: none;
	background-image: url(ico_arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#Footer #FootNavi a:hover{text-decoration:underline;}
#Footer p{text-align:right;}
*/

/*////////////////////////////////////////////////*/

footer{font-size: 14px;}
footer a{color: #333;}

.cls-1{fill:#231815;}.cls-2{fill:#fff;}

.footer-container{width: 100%; margin: 50px auto; }
.footer-contents{width: 80%; margin: 0px auto; text-align: center;}


.footer-info{width: 100%; margin-top: 30px;}
.footer-info p{
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.footer-copyright{
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.footer-sns{display: flex; justify-content: center; margin: 20px auto;}
footer .footer-sns a:hover {opacity: 0.5; transition: 0.8s ;}
ul.footer-sns li{margin-right: 10px;}


/* hack css */
.home .box ul,
.home .box .btn,
#SubFooter,
.btn_pagetop
{display:inline-block;}


.home .box ul:after,
.home .box .btn:after,
#SubFooter:after,
.btn_pagetop:after
{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}



/* Hide from IE-mac \*/
*html .home .box ul,
*html .home .box .btn,
*html #SubFooter,
*html .btn_pagetop
{height:1%;}


.home .box ul,
.home .box .btn,
#SubFooter,
.btn_pagetop
{display:block;}
/* End hide fromIE-mac*/

/*
.red_color{
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFF00;
}
*/